使用FormData()将ajax文件上传的代码

这篇文章给大家介绍的内容是关于使用formdata()将ajax文件上传的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

HTML:

登录后复制

JS:

      $("input[type='button']").on('click', upfile);        /**         * [upfile 文件上传]         * @return {[Object]} [成功回调]         */        function upfile() {                        var formData = new FormData();            formData.append("接收字段1", document.getElementById('file1').files[0]);            // console.log(document.getElementById('file1').files[0]);                        formData.append("接收字段2", document.getElementById('file2').files[0]);            // console.log(document.getElementById('file2').files[0]);            $.ajax({                url: '接口地址url',                type: 'POST',                data: formData, // 上传formdata封装的数据包                dataType: 'JSON',                cache: false, // 不缓存                processData: false, // jQuery不要去处理发送的数据                contentType: false, // jQuery不要去设置Content-Type请求头                success: function(data) { // 成功回调                    console.log(data);                }            });                }

登录后复制

 成功后的效果：

相关推荐：

 在ajax请求完之前的loading加载的动画效果实现

nodeJs的path对象是如何用来处理目录的？（代码）

以上就是使用FormData()将ajax文件上传的代码的详细内容，更多请关注【创想鸟】其它相关文章！