上傳檔案中使用ajaxfileupload.js碰到的問題
在做上傳圖片時需要用到非同步上傳值伺服器,當時選用了ajax的ajaxfileupload可以上傳。
這裡寫下踩過的坑
1:使用$.ajaxFileUpload({});
函式,網頁報錯,提示沒有這個函式。
解決:匯入ajaxfileupload.js檔案。簡單
2:上傳成功了沒有執行回撥,即$.ajaxFileUpload({
url:”, //你處理上傳檔案的服務端
type: ‘POST’,
fileElementId:’file’,#檔案在html中的id
dataType: ‘json’,
data:{需要上傳的資料},#可以省略
success: function(data) {
},
failure: function(data) {
}
});中success函式。上網查,說是需要修改ajaxfileupload.js的原始碼。好吧試試
在uploadHttpData: function( r, type ) {
var data = !type;
data = type == “xml” || data ? r.responseXML : r.responseText;
if ( type == “json” )
eval( “data = ” + data );
},
看eval函式程式碼
function eval(s){return new Object();};
什麼都沒有返回,註釋掉,網上說換成這個
if ( type == "json" ) { data = data.replace("<pre>","").replace("</pre>","");}
這個data.replace("<pre>","").replace("</pre>","");replace是因為檔案上傳的話返回的json字串會帶有<pre>開頭的一串字元,但是我沒有得到過哦。所以可以這樣寫:
if ( type == "json" ) { data = data;}
這樣就可以執行回撥函數了。
3:上傳的檔案或者圖片大於2M報錯,提示檔案太大。哎呀,現在的圖片那個不是2,3M的,矯情!
解決:其實這裡也不是矯情,應該是一種保護措施,因為如果檔案太多,太大就會佔用伺服器的空間,所以能夠壓縮是最好的。特別是圖片這種,更要壓縮。
如果可以上傳這麼大的檔案可以在struts檔案里加上這個。500M都可以了。哈哈(這裡有很多種解決辦法,可以上網搜尋哦)
好了,結束收工!
附上ajaxfileuploa.js檔案(修改後的)
相關推薦
上傳檔案中使用ajaxfileupload.js碰到的問題
在做上傳圖片時需要用到非同步上傳值伺服器,當時選用了ajax的ajaxfileupload可以上傳。 這裡寫下踩過的坑 1:使用$.ajaxFileUpload({});函式,網頁報錯,提示沒有這個
絕對路徑與相對路徑在上傳檔案中的對比
相對路徑與絕對路徑在上傳檔案中的對比 System.out.println("檔案:" + imgFile); System.out.println("檔名:" + imgFileFileName); System.out.println("檔案型別:" + imgFileContentTyp
Egg.js 中 AJax 上傳檔案獲取引數
依賴 程式碼 前端 <fieldset style="margin: 20px; padding: 20px;"> <legend>單檔案,Ajax</legend&
ajaxfileupload.js非同步上傳檔案外掛(完整demo)
ajaxfileupload.js非同步上傳檔案外掛 HTML: <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" name="ph
node.js+react全棧實踐-Form中按照指定路徑上傳檔案並
書接上回,講到“使用同一個新增彈框”中有未解決的問題,比如複雜的欄位,檔案,圖片上傳,這一篇就解決檔案上傳的問題。這裡的場景是在新增彈出框中要上傳一個圖片,並且這個上傳元件放在一個Form中,和其他文字欄位一起提交給介面。 這裡就有幾個要注意的問題: 圖片上傳時最好能在前端指定
ajaxfileupload帶引數上傳檔案
前幾天在用ajaxfileupload上傳檔案時發現ajaxfileupload無法帶參傳遞,於是我從github上找到了一個現成的可以帶參傳遞的ajaxfileupload,並學習了ajaxfileupload怎麼上傳檔案。 可以帶參傳遞的ajaxfileupload的github地址:htt
C#中PUT和POST上傳檔案
HttpClient中上傳檔案 上一篇主要是提到了HttpClient幫助類,這次針對於上傳檔案進行補充,僅做記錄 public static string HttpUploadFile(string url, string path) {
webupload上傳外掛中,單個檔案上傳處理
上傳外掛如何使用,我這裡就不多說了,網上大把教程。今天我要講的是如何限制上傳一個檔案,以及當檔案選擇錯誤是,再重新選擇檔案導致的問題。 預設給上傳外掛支援多檔案上傳,但是我們有很多需求是之上傳單個檔案,下面就來一起學習學習吧! 外掛html <div class="form-g
Hbuilder開發app實戰-識歲04-七牛雲上傳檔案的js實現
七牛雲上傳 七牛雲的上傳支援很多種語言,我用過的有java和js,個人感覺都比較方便, 當然java要比js方便一點吧,由於是app中要上傳到七牛雲,所以不可能使用java, 就看拉看七牛雲的js上傳,詳見這裡:http://developer.qiniu.com/docs/v6/api/o
js限制上傳檔案大小
form表達提交檔案,如果文字過大,就會報413 Request Entity Too Large(請求實體太大);所以要在頁面就限制文字大小。 HTML : <form id = "adressForm" method="post" enctype="multipart/
Springmvc中ajax上傳檔案出現400錯誤
Springmvc中ajax上傳檔案出現400錯誤 一、配置spring-mvc.xml 需要在spring-mvc.xml中配置檔案上傳解析器 <!-- 定義檔案上傳解析器 --> <bean id="multipartResolver" cl
js jquery驗證上傳檔案的格式和大小
// 驗證附件格式和大小 function confirmData() { var flag = true; var message = ""; var errorSize = ""; var fileSuffix = $("#fileSuffix").val(
JS 限制上傳檔案型別
直接上程式碼,網上看的,自己改了BUG。實測。 html程式碼 <input type="file" name="ksjh_file" class="ui_hidden" id="uploadksjh" accept="xls,xlsx" onchange="checkFileTy
不使用ASP.NET中的伺服器控制元件將如何上傳檔案?
遇到檔案的上傳時,可能會有大部分的開發者喜歡使用伺服器控制元件,雖然很方便,但是卻不能很好的控制,不具靈活性。 現給出例子,使用html標籤語言靈活的控制檔案的上傳。 1、html部分 <input type="file" id="uploadFile" name="uploa
Jquery中uploadify上傳檔案
var uploadLimit = 1; $(document).ready(function () { $("#uploadify").uploadify({ 'swf': '../Scripts/upload
HTML5新增-----JS-上傳檔案之文字
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <
ajaxFileUpload上傳檔案簡單示例
寫在前面: 上傳檔案的方式有很多,最近在做專案的時候,一開始也試用了利用jquery的外掛ajaxFileUpload來上傳大檔案,下面,用一個上傳檔案的簡單例子,記錄下,學習的過程~~~ 話不多說,直接上程式碼: 前臺jsp頁面:` <
HTML5中file方法上傳檔案預覽 示例
效果圖如下: 程式碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <s
MultipartHttpServletRequest,ajaxFileUpload上傳檔案,讀取檔案亂碼問題
@RequestMapping(value = "/uploadOrgid", method = RequestMethod.POST, produces = "text/html;charset=UTF-8") @ResponseBody public String upl
Javascript js結合axios上傳檔案阿里雲oss 親測有效
本案例區別與網上其他案例,採用vue-axios,先獲取臨時授權,授權成功後上傳圖片到OSS,僅供參考,各家公司的後臺配置都不相同 <!DOCTYPE html> <html lang="en"> <head>