jquery實現(xiàn)兼容IE8的異步上傳文件
更新時間:2015年06月15日 10:38:37 投稿:hebedich
這里給大家分享的是使用jQuery插件實現(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>無標題文檔</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
我測試的環(huán)境是IE10,在IE10的開發(fā)者工具中模擬IE8,測試通過。(我將瀏覽器的安全權限設置了中,應該沒有多大關系)
修復了此人寫的一些小錯誤,添加幾個方法,主要是通過了IE8的測試(之前的不支持IE8)。
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- 一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子
- jQuery實現(xiàn)jQuery-form.js實現(xiàn)異步上傳文件
- jQuery插件ajaxFileUpload異步上傳文件
- 基于jQuery Ajax實現(xiàn)上傳文件
- jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
- jQuery Ajax使用FormData對象上傳文件的方法
- jQuery簡單驗證上傳文件大小及類型的方法
- Jquery實現(xiàn)異步上傳文件
相關文章
jQuery實現(xiàn)滾動鼠標放大縮小圖片的方法(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)滾動鼠標放大縮小圖片的方法,實例分析了jquery mousewheel插件實現(xiàn)鼠標事件響應及頁面元素屬性動態(tài)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-03-03jQuery調(diào)用WebService的實現(xiàn)代碼
jQuery調(diào)用WebService的實現(xiàn)代碼,需要的朋友可以參考下。2011-06-06jQuery使用addClass()方法給元素添加多個class樣式
這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個class樣式的方法,實例分析了addClass方法的使用技巧及添加多個樣式的實現(xiàn)方法,需要的朋友可以參考下2015-03-03jQuery遍歷之next()、nextAll()方法使用實例
這篇文章主要介紹了jQuery遍歷之next()、nextAll()方法使用實例,本文先是給出了實例代碼,然后對代碼的作用分析和說明,需要的朋友可以參考下2014-11-11