主頁(yè) > 知識(shí)庫(kù) > 使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例

使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例

熱門標(biāo)簽:老虎郵局地圖標(biāo)注點(diǎn) 外呼系統(tǒng)獲取客戶手機(jī)號(hào) 襄陽(yáng)外呼系統(tǒng)接口 目標(biāo)三維地圖標(biāo)注 徐州電銷卡外呼系統(tǒng)供應(yīng)商 百靈鳥(niǎo) 上海浦東百度地圖標(biāo)注中心注冊(cè) 科智聯(lián)智能電銷機(jī)器人 青海醫(yī)療智能外呼系統(tǒng)怎么樣
ajax是無(wú)法提交文件的,所以在上傳圖片并預(yù)覽的時(shí)候,我們經(jīng)常使用Ifame的方法實(shí)現(xiàn)看似異步的效果。但是這樣總不是很方便的,AjaxFilleUpload.js對(duì)上面的方法進(jìn)行了一個(gè)包裝,使得我們不用去管理Iframe的一系列操作,也不用影響我們的頁(yè)面結(jié)構(gòu),實(shí)現(xiàn)異步的文件提交。

html:
復(fù)制代碼 代碼如下:

input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />

js:
復(fù)制代碼 代碼如下:

$.ajaxFileUpload({
url:'${pageContext.request.contextPath}/Manage/BR_restorePic.action', //需要鏈接到服務(wù)器地址
secureuri:false,
fileElementId:'file_upload', //文件選擇框的id屬性
dataType: 'text', //服務(wù)器返回的格式,可以是json、xml
success: function (data, status) //相當(dāng)于java中try語(yǔ)句塊的用法
{

$('#restoreDialog').html(data);




//alert(data);
},
error: function (data, status, e){ //相當(dāng)于java中catch語(yǔ)句塊的用法

$('#restoreDialog').html("上傳失敗,請(qǐng)重試");
}
});

這個(gè)方法還會(huì)出現(xiàn)一個(gè)問(wèn)題,就是input只能使用一次的問(wèn)題,input第二次的onchange將不會(huì)被執(zhí)行,這應(yīng)該是與瀏覽器的有關(guān),解決辦法就是替換這個(gè)input

像這樣:
復(fù)制代碼 代碼如下:

$('#file_upload').replaceWith('input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />');
您可能感興趣的文章:
  • SpringMVC結(jié)合ajaxfileupload.js實(shí)現(xiàn)文件無(wú)刷新上傳
  • 使用ajaxfileupload.js實(shí)現(xiàn)上傳文件功能
  • jQuery插件ajaxfileupload.js實(shí)現(xiàn)上傳文件
  • js ajaxfileupload.js上傳報(bào)錯(cuò)的解決方法
  • JQuery插件ajaxfileupload.js異步上傳文件實(shí)例
  • asp.net+ajaxfileupload.js 實(shí)現(xiàn)文件異步上傳代碼分享
  • ajaxFileUpload.js插件支持多文件上傳的方法
  • 使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
  • 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
  • AjaxUpLoad.js實(shí)現(xiàn)文件上傳功能

標(biāo)簽:咸寧 股票 荊州 辛集 紅河 揭陽(yáng) 商洛 佛山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例》,本文關(guān)鍵詞  使用,AjaxFileUpload.js,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于使用AjaxFileUpload.js實(shí)現(xiàn)異步文件上傳示例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章