ajax异步后台上传文件

怎么说呢,博客也有段时间没有动态了,今天就强行来一篇。

废话不多说,该运用场景,我们在有时候会有这样的一个场景需要我们去实现,我们要对一个文件进行上传,而同时我们也要对

表单数据进行一个发送,但是我们只希望其中一个请求发生页面跳转。这个时候异步上传就有发挥作用了。


异步的好处:方便,不可见

本人项目使用的function

比较容易理解吧,说下,其中其中的那个formData它获取的是表单的id,“ uploadFile ”这是一个上传文件表单的id,显然,这里我使用了两个form表单。

不同的表单作用不同。

//异步上传和发送通知

function submitAll(){

    var url ='${pageContext.request.contextPath}/file/fileUpload.do';  
            var formData = new FormData(document.getElementById("uploadFile"));  
            $.ajax({  
            url : url,  
            type : 'post',  
            data : formData,  
            success : function(result) {  
/*             alert(result.uploadlink) 
 */             $("#hidden_link").val(result.uploadlink);
            $("#form_sub").submit(); 
            },  
            error : function() {  
            },  
            cache : false,  
            contentType : false,  
            processData : false  
      });  
 
    } 

猜你喜欢

转载自blog.csdn.net/wwwq2386466490/article/details/80761556