如何用ajax上传图片到服务器？

sanshuiwang

如何用ajax上传图片？图片是我截屏得来的。。

Han Youfu

这样和<input type="file">的form表单一样把图片传给后台吗？谁有后台存储图片的示例

主函数

api.ajax({
                url : 地址,
                method : 'post',
                dataType : 'json',
                timeout : timeout, //超时时间
                report : report, //上传进度
                data : {
                        values : values,
                        files : filepaths
                }
        }, function(ret, err) {
        });


files : filepaths
这个filepaths是 'files[]=xxxx.jpg,xxx.jpg'
这样的格式。

sanshuiwang

主函数 发表于 2017-5-9 00:05
api.ajax({
                url : 地址,
                method : 'post',

files：{}      支持多文件上传（JSON对象）,如 {"file": "path","file1": "path","file2": "path3","file4": "path"}，也支持同一字段对应多文件：{"file":["path1","path2"]}。

如果只上传一个的话只写一个files:{ "filePath": "path" }   ???

sanshuiwang

主函数 发表于 2017-5-9 00:05
api.ajax({
                url : 地址,
                method : 'post',

ret：

类型：JSON 对象或字符串
描述：类型依赖于传入的 dataType 和 returnAll
返回上传进度时，原服务器返回数据会被放在body字段里面，内部字段为：
{
    progress: 100,          //上传进度，0.00-100.00
    status: '',             //上传状态，数字类型。（0：上传中、1：上传完成、2：上传失败）
    body: ''                //上传完成时，服务器返回的数据
}
err：

类型：JSON 对象
内部字段：
{
    statusCode: 400,        //网络请求状态码，数字类型
    code:0,                    //错误码，数字类型。（0：连接错误、1：超时、2：授权错误、3：数据类型错误）
    msg:''                    //错误描述，字符串类型
    body:                    //当请求失败如需要权限时，此时服务器返回的数据会通过该参数返回；当要求返回的数据格式为json，而返回的数据不是json格式时，数据通过该参数返回
}

主函数

sanshuiwang 发表于 2017-5-9 00:50
files：{}      支持多文件上传（JSON对象）,如 {"file": "path","file1": "path","file2": "path3","fil ...

上传一个，就只写一个file=xxx.jpg,
file= 是一个文件，多个文件用  file[]=
后面是要上传文件的数组。。。。

sanshuiwang

主函数 发表于 2017-5-9 11:06
上传一个，就只写一个file=xxx.jpg,
file= 是一个文件，多个文件用  file[]=
后面是要上传文件的数组。。 ...

你这老师没当好

主函数

sanshuiwang 发表于 2017-5-10 09:03
你这老师没当好

我不是老师，交流参考。

sanshuiwang

主函数 发表于 2017-5-9 11:06
上传一个，就只写一个file=xxx.jpg,
file= 是一个文件，多个文件用  file[]=
后面是要上传文件的数组。。 ...

screenClip 模块封装了屏幕截图的功能，用户可加拖动选择截图的区域，生成的图片可指定保存路径，也可保存到本地相册。用户点击已选截图区域则保存图片并取消本次截图，点击非已选区域则直接取消本次截图。不支持截取视频画面。

怎样可以支持截取视频画面呢？

sanshuiwang

主函数 发表于 2017-5-10 11:01
我不是老师，交流参考。

服务器上传解决啦！啊哈哈