ajax异步文件上传

前端之家收集整理的这篇文章主要介绍了ajax异步文件上传前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax异步文件上传

代码

$(".uploadFile").change(function(){
    var formData = new FormData();
    var e = this;
    formData.append("file",$(this)[0].files[0]);
    $.ajax({  
        url: dizhi+"/product/uploadFile",type: 'POST',data: formData,async: true,cache: false,contentType: false,processData: false,success: function (returndata) {  
            $(e).parent().parent().parent().find(".list_url").find("ul").append("<li onclick='removeAttachment(this)'><span>"+returndata.data.imageUrl.substring(returndata.data.imageUrl.lastIndexOf("uploadFile")+11)+"</span></li>") 
            $(e).parent().parent().parent().find(".list_url2").find("ul").append("<li onclick='removeAttachment(this)'><span>"+returndata.data.imageUrl+"</span></li>") 
        },error: function (returndata) {  
            alert(returndata);  
        }  
   });

猜你在找的Ajax相关文章