javascript - 关于ajax上传多图问题。
问题描述
不知道ajax 是如何上传多图发送给后台的。
单个图片的话可以用base64发送给后台， 但是如果多图用这个方法就不适宜了，因为base64会很大。
用什么方式发送给后台的？ 后台如果是PHP 是如何接收？
根据评论的方法，明明选择了2个图片上传。 为什么后台只显示1个文件？
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script></head><body><form id='form'> <input type='file' multiple='' name='file'> <button type='button'>上传</button></form><script>document.getElementById(’btn’).onclick = () => { $.ajax({url: ’./test.php’,type: ’POST’,dataType: ’text’,data: new FormData(document.getElementById(’form’)),processData: false,contentType: false, }) .done(function(data) {console.log(data); })}</script> </body></html>
问题解答
回答1：还是用表单吧，你选择直接ajax的原因应该是不想刷新页面，这样的话可以使用formdata进行ajax提交，这是一个H5的新属性，具体的可以看看实例，它最主要的功能就是将表单域里的内容封装成formdata，然后用ajax提交出去，表单控件的name对应后台的参数name，至于多个图片就用一组相同name的input就可以了。下面是js和效果图，还要不懂的话可以追问。
http://www.jianshu.com/p/756e...多图就是多append进FormData而已
回答3：使用FormData提交就可以了
funUploadFile: function(form, files) { var that = this; var formData = new FormData(form[0]); for (var i = 0; i < files.length; i++) {formData.append(’file[’ + i + ’]’, files[i]); } var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) {var data = JSON.parse(xhr.responseText);//提交返回 }} //侦查当前附件上传情况 xhr.upload.onprogress = function(evt) {var loaded = evt.loaded;var tot = evt.total;var per = Math.floor(100 * loaded / tot); //已经上传的百分比 // console.log(per); } xhr.open('post', 上传地址); xhr.send(formData);}回答4：
function httpUpload(url, formData) { //formData.append('_token', window._token); return new Promise(function (resolve, reject) {$.ajax({ url: url, type: ’POST’, data: formData, processData: false, contentType: false, dataType: 'json', success: function (response) {resolve(response); }, error: function (response) {reject(response); }}); });}
https://developer.mozilla.org...主要就是将要上传的文件往formData里面append后端该怎么取就怎么取(php: $_FILES里面)
回答5：貌似题主的初衷是一起传太大了？ 可以一个一个传，失败了也能重试，实现成本低。
相关文章：
1. html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?2. javascript - 静态页面引公共头尾文件，js怎么写吖？3. docker gitlab 如何git clone？4. javascript - 读取页面源码，页面中所有的换行都被当成<br/>读取出来 了，，求解应该怎么让它被正确的解析5. javascript - 关于一段 for 循环代码执行顺序的问题6. java - 3个dao的数据根据请求参数选择一个映射到一个url上，怎么写比较好?7. docker 17.03 怎么配置 registry mirror ?8. docker网络端口映射，没有方便点的操作方法么？9. 如何调整IDEA中直接运行java程序的日志输出级别？10. docker绑定了nginx端口 外部访问不到
网公网安备