1. 首页>
  2. 腾讯云代理

[经验分享] 受不了 web js ajax多文件上传分享 心疼js没sdk

腾讯云 2017年05月09日 浏览597

腾讯云代理 腾讯云直播申请 游戏上云

摘要:

web 多文件上传需求在日常中真的非常有用 真不知道官方为什么不给来一个统一的多文件上传接口
真心心疼我广大web小朋友
只能曲线救国了 for 单个文件上传 那么问题来了 input 控件 multiple属性加上后 js如何直接上传

首先你必须获得sign 这个就不多讲了 ajax请求你自己服务器返回sign呀 就能办到
等拿到sign和上传的地址 就是我们纠结的时候了 不废话 上代码
function subfile1 (url, sign)
{//url为上传的路径 请求sign的时候也能取得url 不带fileid的
        var filelength = document.getElementById ("file2").files.length;//获取上传列表长度
        for (var i = 0; i < filelength; i++)
        {
                var imgurl = url + Math.uuidFast () + "?sign=" + sign;//拼接上传路径 url+随机生成的guid文件名+sign
                var formData = new FormData();
                formData.append('op','upload');
                formData.append('fileContent',document.getElementById ("file2").files);//将第i个放到formData中传出去
                $.ajax (
                {
                    type : "POST",
                    url : imgurl,
                    data:formData,
                    processData : false, 
                    contentType : false,
                    success : function (ret)
                    {
                         console.log(ret);
                     }
                    }
                });
                
        }
}



console.log() 输出:
{
    "code":0,
    "message":"成功",
    "data":{
        "download_url":"http://****-******.image.myqcloud.com/******",
        "fileid":"******",
        "info":[
            {
                "0":{
                    "height":100,
                    "width":200
                }
            }
        ],
        "url":"******"
    }

}


腾讯云服务商邀请关注:

http://partners.qcloud.com/invitation/99377079157835da208bd0

关注服务商的链接,提供下您关注的QQ,我们这边审核下即可快速回复您的工单问题与技术支持! 感谢您的信任与支持!

auto_1452.png

腾讯云技术交流群


ps:本站信息来源于 bbs.qcloud.com

相关文章

在线客服
淘宝购买
腾讯云直播申请 title=
+成为腾讯云VIP客户 腾讯云直播申请 客服电话

15818558013

0755-33940501-803

0755-33940501-808