上传图片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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux中查看cuda版本

    Linux中查看cuda版本安装torch时,需要查看cuda版本,可以用如下命令查看:nvcc-V

    2022年5月2日
    58
  • JAVA8 Stream学习

    JAVA8 Stream学习

    2021年11月12日
    51
  • iphonex适配游戏_Unity+iPhoneX适配方案[通俗易懂]

    作者:范世青王天宇17年下半年,苹果传出新一代iPhone的消息——iPhoneX。随之而来的还有他不同于以往任意一代iPhone的刘海设计。一时间,iPhoneX的适配问题迅速在产品圈流传开。而作为一个线上手游的客户端工程师,我在和团队共同历经了为iPhoneX适配的艰难岁月后,终于在产品上市之日,获得了商店首批适配推荐。那么iPhoneX适配到底有什么需要注意的点,又应该采取什么方案呢?&…

    2022年4月7日
    60
  • 关于JS循环Table

    关于JS循环TableTable 实例 循环方法 方法 1 varpMsg for nbsp i nbsp nbsp 0 nbsp i nbsp nbsp document getElementBy tbVehicletb rows length nbsp i nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp for nbsp j nbsp nbsp 0 nbsp j nbsp nbsp document getElementBy tbVehicletb rows i cells length nbsp j

    2025年8月13日
    7
  • 用深度学习做命名实体识别(三):文本数据标注过程

    用深度学习做命名实体识别(三):文本数据标注过程上一篇文章 我们介绍了 brat 的安装和配置 当成功安装和配置好了 brat 我们就可以进行文本标注了 首先 在 brat 项目的 data 目录下新建一个 project 目录 然后在 brat 项目的主目录下找到以下文件 复制到 project 目录 主目录 var www html brat pro

    2025年12月14日
    7
  • html视频标签属性_html音频标签

    html视频标签属性_html音频标签一、基本语法 代码如下: embedsrc=url 说明:embed可以用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU、MP3等等,Netscape及

    2022年8月3日
    7

发表回复

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

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