jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
案例:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無(wú)標(biāo)題文檔</title> <script type="text/javascript" src="jquery.min.js"></script> <script src="upload02.js"></script> <script type="text/javascript"> function look() { //alert($("form input[type=file]").val()) alert($("input[name=test]").upload("getFileVal")) } function clean() { $("input[name=test]").upload("clean") } function ajaxSubmit() { $("input[name=test]").upload({ url: 'index.aspx', // 其他表單數(shù)據(jù) params: { name: 'pxblog' }, // 上傳完成后, 返回json, text dataType: 'json', onSend: function (obj, str) { return true; }, // 上傳之后回調(diào) onComplate: function (data) { alert(data.file); } }); $("input[name=test]").upload("ajaxSubmit") } function look1() { //alert($("form input[type=file]").val()) alert($("input[name=test1]").upload("getFileVal")) } function clean1() { $("input[name=test1]").upload("clean") } function ajaxSubmit1() { $("input[name=test1]").upload({ url: 'index.aspx', // 其他表單數(shù)據(jù) params: { name: 'pxblog' }, // 上傳完成后, 返回json, text dataType: 'json', onSend: function (obj, str) { return true; }, // 上傳之后回調(diào) onComplate: function (data) { alert(data.file); } }); $("input[name=test1]").upload("ajaxSubmit") } </script> </head> <body> <p> <input type="button" value="look" onclick="look()" /> <input type="button" value="clean" onclick="clean()" /> <input type="button" value="ajaxSubmit" onclick="ajaxSubmit()" /> <input type="file" name="test" /> </p> <p> <input type="button" value="look1" onclick="look1()" /> <input type="button" value="clean1" onclick="clean1()" /> <input type="button" value="ajaxSubmit1" onclick="ajaxSubmit1()" /> <input type="file" name="test1" /> </p> </body> </html>
源碼:http://code.taobao.org/p/upload2/src/jquery.upload2.js
我測(cè)試的環(huán)境是IE10,在IE10的開發(fā)者工具中模擬IE8,測(cè)試通過。(我將瀏覽器的安全權(quán)限設(shè)置了中,應(yīng)該沒有多大關(guān)系)
修復(fù)了此人寫的一些小錯(cuò)誤,添加幾個(gè)方法,主要是通過了IE8的測(cè)試(之前的不支持IE8)。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
- jQuery插件ajaxFileUpload異步上傳文件
- 基于jQuery Ajax實(shí)現(xiàn)上傳文件
- jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
- jQuery Ajax使用FormData對(duì)象上傳文件的方法
- jQuery簡(jiǎn)單驗(yàn)證上傳文件大小及類型的方法
- Jquery實(shí)現(xiàn)異步上傳文件
相關(guān)文章
jquery實(shí)現(xiàn)的分頁(yè)顯示功能示例
這篇文章主要介紹了jquery實(shí)現(xiàn)的分頁(yè)顯示功能,涉及jQuery的ajax交互及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)鼠標(biāo)放大縮小圖片的方法,實(shí)例分析了jquery mousewheel插件實(shí)現(xiàn)鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-03-03jQuery調(diào)用WebService的實(shí)現(xiàn)代碼
jQuery調(diào)用WebService的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-06-06jquery中實(shí)現(xiàn)時(shí)間戳與日期相互轉(zhuǎn)換
本文主要利用jquery擴(kuò)展寫了一個(gè)myTime對(duì)象,并寫了2個(gè)函數(shù)分別處理日期和時(shí)間戳之間的相互轉(zhuǎn)換。2016-04-04jQuery使用addClass()方法給元素添加多個(gè)class樣式
這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個(gè)class樣式的方法,實(shí)例分析了addClass方法的使用技巧及添加多個(gè)樣式的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-03-03jQuery遍歷之next()、nextAll()方法使用實(shí)例
這篇文章主要介紹了jQuery遍歷之next()、nextAll()方法使用實(shí)例,本文先是給出了實(shí)例代碼,然后對(duì)代碼的作用分析和說(shuō)明,需要的朋友可以參考下2014-11-11jquery給圖片添加鼠標(biāo)經(jīng)過時(shí)的邊框效果
鼠標(biāo)經(jīng)過時(shí)圖片產(chǎn)生塌陷,實(shí)則應(yīng)該將邊框控制直接加在IMG標(biāo)簽上即可,下面有個(gè)不錯(cuò)的示例,大家可以感受下2013-11-11