上传图片ajax返回400,七牛qiu.js 上传图片 400报错

上传图片ajax返回400,七牛qiu.js 上传图片 400报错http提示信息RequestURL:http://upload.qiniu.com/RequestMethod:POSTStatusCode:400BadRequestRemoteAddress:115.231.182.136:80ResponseHeadersviewsourceAccess-Control-Allow-Headers:X-File-Name,X-File-…

大家好,又见面了,我是你们的朋友全栈君。

http 提示信息

Request URL:http://upload.qiniu.com/

Request Method:POST

Status Code:400 Bad Request

Remote Address:115.231.182.136:80

Response Headers

view source

Access-Control-Allow-Headers:X-File-Name, X-File-Type, X-File-Size

Access-Control-Allow-Methods:OPTIONS, HEAD, POST

Access-Control-Allow-Origin:*

Access-Control-Expose-Headers:X-Log, X-Reqid

Access-Control-Max-Age:2592000

Cache-Control:no-store, no-cache, must-revalidate

Connection:keep-alive

Content-Length:31

Content-Type:application/json

Date:Wed, 01 Jun 2016 06:03:50 GMT

Pragma:no-cache

Server:nginx/1.4.4

X-Content-Type-Options:nosniff

X-Log:UP/400

X-Reqid:GwUAAOYP6nll4FMU

Request Headers

view source

Accept:/

Accept-Encoding:gzip, deflate

Accept-Language:zh-CN,zh;q=0.8

Connection:keep-alive

Content-Length:1917

Content-Type:multipart/form-data; boundary=—-WebKitFormBoundarytuQNheSSJolymhCt

DNT:1

Host:upload.qiniu.com

Origin:http://localhost:8080

Referer:http://localhost:8080/revitbus/revit/addRevit.html

User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

Request Payload

——WebKitFormBoundarytuQNheSSJolymhCt

Content-Disposition: form-data; name=”name”

jd.txt

——WebKitFormBoundarytuQNheSSJolymhCt

Content-Disposition: form-data; name=”chunk”

0

——WebKitFormBoundarytuQNheSSJolymhCt

Content-Disposition: form-data; name=”chunks”

1

——WebKitFormBoundarytuQNheSSJolymhCt

Content-Disposition: form-data; name=”key”

——WebKitFormBoundarytuQNheSSJolymhCt

Content-Disposition: form-data; name=”file”; filename=”jd.txt”

Content-Type: text/plain

——WebKitFormBoundarytuQNheSSJolymhCt–

jsp代码

  • JavaScript SDK 基于 Plupload 开发,可以通过 Html5 或 Flash 等模式上传文件至七牛云存储。

  • 临时上传的空间不定时清空,请勿保存重要文件。

  • Html5模式大于4M文件采用分块上传。

  • 上传图片可查看处理效果。

  • 本示例限制最大上传文件100M。

选择文件

队列全部文件处理完毕

FilenameSizeDetail

js 代码

//mainModule.domready(pageformModule.init);

//引入Plupload 、qiniu.js后

var ctx = “${pageContext.request.contextPath}”;

var uploader = Qiniu.uploader({

runtimes: ‘html5,flash,html4’, //上传模式,依次退化

browse_button: ‘pickfiles’, //上传选择的点选按钮,**必需**

uptoken_url: ctx + ‘/revit/getToken.html’, //Ajax请求upToken的Url,**强烈建议设置**(服务端提供)

//uptoken : ‘111’, //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成

// unique_names: true, // 默认 false,key为文件名。若开启该选项,SDK为自动生成上传成功后的key(文件名)。

// save_key: true, // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`,则开启,SDK会忽略对key的处理

domain: ‘http://7xukun.com1.z0.glb.clouddn.com/’, //bucket 域名,下载资源时用到,**必需**

get_new_uptoken: false, //设置上传文件的时候是否每次都重新获取新的token

container: ‘container1’, //上传区域DOM ID,默认是browser_button的父元素,

//container : document.getElementById(‘container1’),

max_file_size: ‘100mb’, //最大文件体积限制

flash_swf_url: ‘js/plupload/Moxie.swf’, //引入flash,相对路径

max_retries: 3, //上传失败最大重试次数

dragdrop: true, //开启可拖曳上传

drop_element: ‘container1’, //拖曳上传区域元素的ID,拖曳文件或文件夹后可触发上传

chunk_size: ‘4mb’, //分块上传时,每片的体积

auto_start: true, //选择文件后自动上传,若关闭需要自己绑定事件触发上传

init: {

‘FilesAdded’: function(up, files) {

plupload.each(files, function(file) {

// 文件添加进队列后,处理相关的事情

});

},

‘BeforeUpload’: function(up, file) {

// 每个文件上传前,处理相关的事情

},

‘UploadProgress’: function(up, file) {

// 每个文件上传时,处理相关的事情

},

‘FileUploaded’: function(up, file, info) {

// 每个文件上传成功后,处理相关的事情

// 其中 info 是文件上传成功后,服务端返回的json,形式如

// {

// “hash”: “Fh8xVqod2MQ1mocfI4S4KpRL6D98”,

// “key”: “gogopher.jpg”

// }

// 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html

// var domain = up.getOption(‘domain’);

// var res = parseJSON(info);

// var sourceLink = domain + res.key; 获取上传成功后的文件的Url

},

‘Error’: function(up, err, errTip) {

//上传出错时,处理相关的事情

},

‘UploadComplete’: function() {

//队列文件处理完毕后,处理相关的事情

},

‘Key’: function(up, file) {

// 若想在前端对每个文件的key进行个性化处理,可以配置该函数

// 该配置必须要在 unique_names: false , save_key: false 时才生效

var key = “”;

// do something with key here

return key

}

}

});

}

请教问题会是 哪里

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/134594.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Echarts 地图生成 以及生成geojson文件(附带完整代码)

    Echarts 地图生成 以及生成geojson文件(附带完整代码)前言:需要实现的效果就是生成省级地图,点击省级地图中的市切换至市级地图。为了自己方便查阅,也方便大家使用。效果如下:所用的插件echarts.js官方地址:http://echarts.baidu.com/examples/使用方法:1、头部引入(官网下载地址:点这里下载文件)<!–引入ECharts文件–><scriptsr…

    2025年6月14日
    0
  • Java MD5 加密工具类[通俗易懂]

    Java MD5 加密工具类[通俗易懂]一、MD5简介MD5消息摘要算法(英语:MD5Message-DigestAlgorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hashvalue),用于确保信息传输完整一致。MD5算法是不可逆的。MD5由美国密码学家罗纳德·李维斯特(RonaldLinnRivest)设计,于1992…

    2022年7月16日
    11
  • springboot~jpa个性化数据操作接口[通俗易懂]

    springboot~jpa个性化数据操作接口[通俗易懂]springboot~jpa个性化数据操作接口

    2022年4月20日
    48
  • Depix从像素化屏幕快照中恢复密码

    Depix从像素化屏幕快照中恢复密码​Depix是一个从像素化屏幕截图中恢复密码的工具。此实现适用于使用线性盒过滤器创建的像素化图https://www.linkedin.com/pulse/recovering-passwords-from-pixelized-screenshots-sipke-mellema)介绍了像素化和类似研究的背景信息。##用法*将屏幕截图中的像素块剪成一个矩形。*粘贴DeBruijn序列在编辑器中具有相同字体设置(文本大小、字体、颜色、hsl)的预期字符。*制作序列的截图。如果可能,使用与创建像素化

    2022年6月18日
    24
  • 深度学习图像标注工具汇总

    深度学习图像标注工具汇总对于监督学习算法而言,数据决定了任务的上限,而算法只是在不断逼近这个上限。世界上最遥远的距离就是我们用同一个模型,但是却有不同的任务。

    2022年6月1日
    33
  • 电脑快速切换ip软件(好用的换ip软件)

    切换IP软件,切换电脑手机IP如此简单大家在工作和生活中肯定会时不时遇到需要换IP的情况,为了预防需要换IP的时候束手无策,小编在此给大家介绍一款专门用来换IP的软件。打开搜索引擎,不管是百度,狗搜还是360,只要在上面搜索“换IP软件”,立马就会出现非常多的换IP的品牌,有免费的也有付费的,功能都没什么区别,就是换IP。卖IP的这么多,说明换IP的市场还是非常大的!不管你是做什么行业,网络推…

    2022年4月18日
    80

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号