jquery無刷新上傳文件的插件,支持html5異步ajax和iframe

jopen 8年前發布 | 40K 次閱讀 jQuery插件 文件上傳

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);
    }
});

項目主頁:http://www.baiduhome.net/lib/view/home/1449999863482

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!