jquery实现文件上传功能--前端部分

本文共有1410个字,关键词:

html部分:

<div id="attach">附件</div> 
<form enctype="multipart/form-data" id="attach_upload"> 
    <input type="file" name="fileupload" id="attach_btn" style="display:none;"/> 
</form> 
<ul id="attach_box"></ul>

js部分:

// 上传附件 
$('#attach').click(function(){ 
    $('#attach_btn').click(); 
    return false;
}); 
$('#attach_btn').change(function(){ 
    $('#attach_upload').submit(); 
    return false; 
}); 
$('#attach_upload').on('submit',function(){ 
    var formData = new FormData($(this)[0]); 
    $.ajax({ 
        url: '/api/attach/upload', 
        type: 'post', 
        data: formData, 
        dataType: "json", 
        async: false, 
        cache: false, 
        contentType: false, 
        processData: false, 
        success: function(data){ 
            if(data.code=='ok'){ 
                var file_html = '<li id="'+data.result['fpath']+'">'+ data.result['oname'] +'</li>';
                $('#attach_box').append(file_html); 
            }else if(data.code=='err'){ 
                alert(data.msg); 
            }else{ 
            } 
        } 
    }); 
    return false; 
});

python实现文件上传--python服务端部分:

http://www.mantutu.com/index.php/python/404.html
版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。
添加新评论
暂无评论