博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax上传文件
阅读量:5972 次
发布时间:2019-06-19

本文共 2308 字,大约阅读时间需要 7 分钟。

方法一: // input标签的files属性document.querySelector("#fileId").files // 返回的是一个文件列表数组
// 获得上传文件DOM对象var oFiles = document.querySelector("#fileId"); // 实例化一个表单数据对象 var formData = new FormData(); // 遍历图片文件列表,插入到表单数据中 for (var i = 0, file; file = oFiles[i]; i++) { // 文件名称,文件对象 formData.append(file.name, file); }
// 实例化一个AJAX对象var xhr = new XMLHttpRequest(); xhr.onload = function() { alert("上传成功!"); } xhr.open("POST", "upload.php", true); // 发送表单数据 xhr.send(formData); 方法二:
$('.J-upfile-img').off('change').on('change', function(e){                (function (){                    var files = e.target.files || e.dataTransfer.files,                        file = files[0],                        xhr = new XMLHttpRequest();                    if (xhr.upload) {                        // 上传中                        xhr.upload.addEventListener("progress", function(e) {                            //self.onProgress(file, e.loaded, e.total);                        }, false);                                    // 文件上传成功或是失败                        xhr.onreadystatechange = function(e) {                            if (xhr.readyState == 4) {                                if (xhr.status == 200) {                                    console.log(xhr)                                    var oJson = strToJson(xhr.responseText)                                    // 上传成功后的处理代码                                } else {                                    //self.onFailure(file, xhr.responseText);                                     }                            }                        };                                    // 开始上传                        // console.log(config.ajaxUrl.commonUpload)                        xhr.open("POST", config.ajaxUrl.UploadFlow, true);                        //xhr.open("POST", "http://localhost/activity/a.php", true);                        xhr.setRequestHeader("X_FILENAME",  file.name);                        //xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");                         xhr.send(file);                    }                })()                // _this.$editor().wrapSelection("insertImage", "https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=310018376,1171997472&fm=58", !0)            })

  

 

转载于:https://www.cnblogs.com/youzhuxiaoyao/p/7170639.html

你可能感兴趣的文章
logstash消费阿里云kafka消息
查看>>
第四节课作业
查看>>
EasyUI Calendar 日历
查看>>
unix 环境高级编程
查看>>
为数据库建立索引
查看>>
第二周作业-软件工作量的估计
查看>>
MAXIMO 快速查找实现
查看>>
Oracle——条件控制语句
查看>>
[Linux][Redis][05]Benchmark
查看>>
第一次作业-准备篇
查看>>
HDU1848 Fibonacci again and again
查看>>
HTML思维导图
查看>>
git改密码出现授权问题
查看>>
ORA-02266: 表中的唯一/主键被启用的外键引用
查看>>
day-6 and day-7:面向对象
查看>>
CSU Double Shortest Paths 湖南省第十届省赛
查看>>
webgl像机世界
查看>>
php正则怎么使用(最全最细致)
查看>>
javascript数学运算符
查看>>
LC.155. Min Stack(非优化,两个stack 同步 + -)
查看>>