jquery無刷新上傳文件的插件,支持html5異步ajax和iframe
jQuery.upFile.js
jquery無刷新上傳文件的插件,支持html5異步ajax和iframe
使用簡單
<div id="show_up_img"></div> <input type="button" id="up_trigger" value="上傳"> <input type="button" id="up_trigger_do" value="DO上傳"> <input type="file" name="up_file" id="up_file"/> <input type="hidden" name="up_file_path" id="up_file_path"/> <input type="submit" value="上傳">
$("#up_trigger").upFile($("#up_file"), { action: 'http://localhost/up.php', autoSubmit: false, manualSubmit: $('#up_trigger_do'), params: ['yanruitao', 23], onStart: function(name, age) { alert(this.val()); alert("What is up!!\n"+ name + "\n" + age); }, onSuccess: function(obj) { $("#show_up_img").html('<img src="'+ obj.img +'">'); $("#up_file_path").val(obj.img); } });
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!