1. 程式人生 > >上傳檔案中使用ajaxfileupload.js碰到的問題

上傳檔案中使用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檔案(修改後的)

http://download.csdn.net/detail/u011575570/9241787

相關推薦

檔案使用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/

Springmvcajax檔案出現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

Jqueryuploadify檔案

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頁面:` <

HTML5file方法檔案預覽 示例

效果圖如下:  程式碼如下: <!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>