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


相关推荐

  • yum安装与卸载软件常见命令「建议收藏」

    yum安装与卸载软件常见命令「建议收藏」1.使用yum安装和卸载软件,有个前提是yum安装的软件包都是rpm格式的。安装的命令是,yuminstall~,yum会查询数据库,有无这一软件包,如果有,则检查其依赖冲突关系,如果没有依赖冲突,那么最好,下载安装;如果有,则会给出提示,询问是否要同时安装依赖,或删除冲突的包,你可以自己作出判断;删除的命令是,yumremove~,同安装一样,yum也会查询数据库,给出解决依赖关…

    2022年6月12日
    40
  • Ubuntu安装jdk8的两种方式[通俗易懂]

    Ubuntu安装jdk8的两种方式[通俗易懂]安装方式:1):通过ppa(源)方式安装.2):通过官网安装包安装.JDK官网下载地址一:使用ppa(源)方式安装:1):添加ppa源sudoadd-apt-repositoryppa:webupd8team/javasudoapt-getupdate2):安装oracle-java-installer(jdk8版本)sudoapt-getinstallorac…

    2022年7月12日
    12
  • Sample Rate Conversion

    Sample Rate ConversionSampleRateConversionIntroductionSeetheWikipediaarticleResampling(audio)foragenericdefinitionofsamplerateconversion,alsoknownas"resampling."Theremainderofthisarticledescr…

    2022年10月17日
    0
  • qt中readyread信号的使用_心动的信号cp组合有哪些

    qt中readyread信号的使用_心动的信号cp组合有哪些本文主要介绍readyread函数的触发机制,会涉及到一点tcp/ip和流的知识。tcp/ip和流这方面其他朋友介绍很多了,这里我就不再赘述。本文不打算使用太过专业的词汇,一方面主要目的是让大家明白,另一方面是我也不太专业。一、问题描述:你之所以会来看我这篇文章,大概是遇到了一下几个问题:1、使用QTcpSocket时,readyread函数没有触发,或者触发了,但是触发次数不是自己想…

    2022年9月9日
    0
  • Lock锁——-tryLock()方法

    Lock锁——-tryLock()方法这一次主要学习Lock接口中的**tryLock()**方法。tryLock()方法是有返回值的,返回值是Boolean类型。它表示的是用来尝试获取锁:成功获取则返回true;获取失败则返回false,这个方法无论如何都会立即返回。不会像synchronized一样,一个线程获取锁之后,其他锁只能等待那个线程释放之后才能有获取锁的机会。一般情况下的tryLock获取锁匙这样使用的://实例化…

    2022年10月16日
    0
  • layui框架——弹出层layer[通俗易懂]

    layui框架——弹出层layer[通俗易懂]两种调用方法:1、引用独立的layer.js文件引入好layer.js后,直接用即可<scriptsrc=”layer.js”></script><script>layer.msg(‘hello’);</script>2、调用layui中的layer模块layui.use(‘layer’,function(){…

    2022年5月3日
    879

发表回复

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

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