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


相关推荐

  • 关于RecyclerView的notifyDataSetChanged

    关于RecyclerView的notifyDataSetChanged在很久以前,总觉得ListView的notifyDataSetChanged之类的方法很神奇,数据更新后,调用一下,视图就变了…不过自从知道观察者模式以后就没感觉么神奇了,反而对View的绘制测量一系列精细的计算叹为观止—虽然从某种程度上来说,Android的源代码其实挺臃肿的。后面推出了RecyclerView,但其实更新机制并无不同。就如调用notifyDataSetChanged方法:…

    2022年6月29日
    26
  • form factor_perform和performance的区别和用法

    form factor_perform和performance的区别和用法performSelector:withObject:是在iOS中的一种方法调用方式。他可以向一个对象传递任何消息,而不需要在编译的时候声明这些方法。所以这也是runtime的一种应用方式。performSelector和直接调用方法的区别就在与runtime。直接调用编译是会自动校验。如果方法不存在,那么直接调用在编译时候就能够发现,编译器会直接报错。但是使用performSelec…

    2025年8月2日
    3
  • spring classutils_beanpropertybindingresult

    spring classutils_beanpropertybindingresult一、简介:  BeanUtils提供对Java反射和自省API的包装。其主要目的是利用反射机制对JavaBean的属性进行处理。我们知道,一个JavaBean通常包含了大量的属性,很多情况下,对JavaBean的处理导致大量get/set代码堆积,增加了代码长度和阅读代码的难度。二、用法:  BeanUtils是这个包里比较常用的一个工具类,这里只介绍它的copyProperties(………

    2025年9月2日
    4
  • 数字信号处理matlab实验心得,数字信号处理学习心得体会3篇

    《数字信号处理》是我们通信工程和电子类专业的一门重要的专业基础课程,主要任务是研究数字信号处理理论的基本概念和基本分析方法,通过建立数学模型和适当的数学分析处理,来展示这些理论和方法的实际应用。数字信号处理技术正飞速发展,它不但自成一门学科,更是以不同形式影响和渗透到其他学科。以下是小编为大家精心准备的:,欢迎参考阅读!数字信号处理学习心得体会一随机数字信号处理是由多种学科知识交叉渗透形成的,在通…

    2022年4月17日
    164
  • Flume与Kafka对接「建议收藏」

    Flume与Kafka对接「建议收藏」引言flume为什么要与kafka对接?我们都知道flume可以跨节点进行数据的传输,那么flume与sparkstreaming对接不好吗?主要是flume对接到kafka的topic,可以给多个consumergroup去生成多条业务线。虽然flume中的channelselector中的副本策略也可以做多给多个sink传输数据,但是每个channelselector都是很消耗资源的。文章目录一、flume采集的数据发往一个topic二、flume采集的数据发往多个topic总结.

    2022年6月23日
    47
  • 十以内的加法游戏_10以内加减法游戏

    十以内的加法游戏_10以内加减法游戏现在市面上有非常多的益智类小游戏,其中就有很多是关于速算问题的,我们可以通过scratch编程来实现一个更加具有画面感的速算类小游戏,来帮助有计算问题的小朋友通过游戏来进行更好的心算速算练习。现在的这一款10以内的加法速算游戏,比较适合刚接触计算年龄比较小的孩子。1:首先我们需要添加几个有趣的角色。2,添加背景并设置好需要的变量。3,利用“询问”指令来实现出题的效果,并通过判断”回答”是…

    2025年5月31日
    1

发表回复

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

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