关于百度上传组件webuploader，xhr直接abort

最新推荐文章于 2023-08-08 10:15:14 发布
最新推荐文章于 2023-08-08 10:15:14 发布
阅读量1.9k 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nydia_lvhq/article/details/52301579
版权

上传pdf文件时某一些文档出现了这个错误，调试了一下发现webuploader在初始化xhr之后直接进入了abort

错误如下

这是network面板信息


大文件不能正常上传的原因：可能是插件的bug，文件太大导致请求被拦截，xhr强制中断，api说默认分片大小是5m，但是我上传3m的文件都会报错，最后设置了chunksize分为1m，就可以上传了，耽误了一天的时间！！！在考虑是不是重新调研下上传插件了，百度的这个插件github没人回复，上次更新都是两年以前的事情了，很多bug都没有修改，真心希望fex能继续维护webuploader，毕竟支持国产

、无崖子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个简单的Vue.js文件上传组件 为XHR上传进度发出事件以获得漂亮的进度条 -JavaScript-HTML-下载
03-16
(更多详情、使用方法，请下载后细读README.md文件) 'vue-文件上传组件 一个简单的 Vue.js 文件上传组件。为 XHR 上传进度发出事件以获得漂亮的进度条。 在查看此 repo时，我想到了最初的想法。我知道我想要一个带有上传进度的好组件，所以我从那个库中复制了一些代码。 安装 可通过 npm 作为vue-file-upload-ponent. 或者作为内联脚本包含在内，例如 in example.html. 演示 为了使用演示，您需要安装 PHP 并且该项目在服务器下运行。根目录中有一个名为 的脚本upload.php，这是一个处理单个文件上传的简单脚本。您很可能会有自己的文件处理方式。 设置标题 您可以使用属性为提交设置标题v-bindheaders=\\xhrHeaders\\。xhrHeaders可能看起来像这样： ... Vue stuff above data { xhrHeaders { \\X-CSRF-TOKEN\\ \\32charactersOfRandomStringNoise!\\ } }, ... more stuff be
webuploader 上传 总是报abort错误
SLsuifengyaobai的专栏
03-06 5261
webuploader 上传 总是报abort错误，而php端则取不到$_FILE数组。 利用网址访问index.html竟然就ok！而直接点击磁盘index.html  则错误！！！！！！！！谨记 http://www.lh.tp.com/webuploader-0.1.5%20-%20myown/index.html file:///D:/wamp/www/lh_alisvn/web
xhr：一个小的xhr包装器
02-03
xhr 一个小的XMLHttpRequest包装器。 设计用于使用 ，等。 API的一个子集这样你就可以在两个node.js中，通过使用浏览器的作品写的代码require('request')在你的代码，并告诉您的浏览器捆绑到加载xhr而不是request 。 对于browserify，将一个字段添加到package.json ： "browser": { "request": "xhr" } 对于的WebPack，一个加场到您的配置： "resolve": { "alias": { "request$": "xhr" } } 浏览器支持：IE8 +和其他所有功能。 安装 npm install xhr 例 var xhr = require ( "xhr" ) xhr ( { method : "post" , body : someJSONString , uri : "/foo" , headers : { "Content-Type" : "application/json" } } , fu
WebUploader 实现文件上传下载功能实例解析
Mr_Zang666的博客
04-20 901
此外断点续传还需要考虑切片过期的情况：如果调用了mkfile接口，则磁盘上的切片内容就可以清除掉了，如果客户端一直不调用mkfile的接口，放任这些切片一直保存在磁盘显然是不可靠的，一般情况下，切片上传都有一段时间的有效期，超过该有效期，就会被清除掉。上传暂停的实现也比较简单，通过xhr.abort可以取消当前未完成上传切片的上传，实现上传暂停的效果，恢复上传就跟断点续传类似，先获取已上传的切片列表，然后重新发送未上传的切片。通过xhr，前端也可以进行异步上传文件的操作，一般由两个思路。
JavaScript文件上传读取文件、web worker、WebSocket/求最大值/Webuploader/判断安卓和IOS/位操作符/无穷大/web API
最新发布
偏执
08-08 176
调用Object.defineProperty()方法，它接收三个参数：对象，属性名，描述符对象（必须是：configurable、enumberable、writable和value，可设置一个或多个值）。这个链接预取 API 非常有用，让开发者可以控制网页资源在后台安静的预先加载，这样用户在浏览网站或者使用 Web 应用程序的时候能够有流畅的使用体验。顾名思义，这是一个电池 API ，明显是为移动设备准备的，用于监控电池的状态。第二个参数 protocol 是可选的，指定了可接受的子协议。
深入讲解xhr（XMLHttpRequest）/jsonp请求之abort
01-19
前言 相信大家在工作中经常需要使用AJAX，所以当大家看到文章标题的时候可能会觉得这是一个老生常谈的话题。 前端开发中向后端发起xhr（XMLHttpRequest）请求（代表性的就是熟悉的ajax）是再正常不过的事。 但在前端开发过程中，不怎么重视xhr的abort（中止掉xhr请求，及表示取消本次请求）。往往会带来一些不可意料的结果。 比如：切换tab，发起xhr请求，渲染同一个列表。就这么简单的拉取数据渲染列表的功能，并且可以根据tab切换。想想应该是很简单。但是假如你只顾着发起xhr请求，而没有abort掉它，想想会发生什么。很有可能就是当前选中的tab数据，并不是你想要的。说白了就是
webuploader abort报错，后台没有接收到数据
lmp5023的博客
03-19 824
在本地上传图片大于1M没问题，线上的却提示上传失败，请重新上传，打印了下showError方法的code是abort，也就是说上传大小限制了。 解决方法： 1.nginx： location / { root html; index index.html index.htm; client_max_body_size 200...
webuploader 上传插件 上传文件Error “abort”
weixin_34378969的博客
04-10 1714
怀疑： 跨域 文件没上传完成浏览器被刷新 上传文件超过限制大小 最终是上传文件超过限制大小，解决需要同时配置下面三个： php修改 php.ini -- upload_max_filesize php.ini -- upload_max_filesize 如果是nginx，修改nging.conf client_m...
百度webUploader上传jpg文件出错
csh145236的博客
08-03 1524
用百度插件WebUploader上传Jpg文件的时候卡住，不执行代码，也不报错。最后发现和一个参数有关， 如果不设置compress的值，一些jpg文件就无法上传，设为false就好了
php 使用html5 XHR2实现上传文件与进度显示功能示例
10-15
主要介绍了php 使用html5 XHR2实现上传文件与进度显示功能,结合实例形式分析了php 使用html5上传文件过程中progress事件返回进度信息相关操作技巧,需要的朋友可以参考下
webuploader上传文件,大小，类型，提示、和一些错误
germy2的专栏
03-01 1万+
使用webuploader上传图片，对格式大小有限制。 下面是我是用中的一些总结，有不对的地方，希望大佬们指出。 废话不多说，下面正文 文件大小限制 fileNumLimit: xx,//上传数量限制 fileSizeLimit: xx,//限制上传所有文件大小 fileSingleSizeLimit: xx,//限制上传单个文件大小 1 2 3 图片类型限制 accept: {// 只...
html页面引入js文件报错net::ERR_ABORTED
h__jie的博客
10-22 3486
报错： 引入 改为
webuploader 使用心得
日积月累的质变
02-02 2万+
1、基本用法 $(function(){…});   jQuery(function($) {…});  $(document).ready(function(){…})这三个的作用是一样的，本人比较需要用第一种、书写简单。文档载入完成后执行的函数。 [html] view plain copy //一个div用来存放文件上传时的信息   /
webuploader 手动提交问题
xuanxuan129的专栏
04-18 4239
当用用手动提交方式上传文件时，会报错 abort 异常信息，原因是 手动提交，会将页面的form表单提交。而webuploader自身也构建了form表单，从而导致文件上传中断。
webuploader上传错误提示，错误补充
前端小狮的博客
11-09 1万+
//错误 为 F_EXCEED_SIZE var uploader = WebUploader.Uploader({ swf: 'path_of_swf/Uploader.swf', ........... }); uploader.on("error",function(err){ //文档介绍 // 当validate不通过时，会以派送错误事件的形式通知调用者。通过...
xhr.abort（）解决接口重复低啊用问题(鼠标连点)
a378113472的博客
06-16 1164
1.控制按钮 disable 接口调用的时候 给按钮加disable 属性 接口调通 关闭disable 2. xhr.abort() let btn = document.getElementById('btn') let lastXhr btn.onclick = function(){ if(lastXhr){ lastXhr.abort() } lastXhr = getAuthCode() } function getAuthCode(){ let xhr = new XMLHttpRequ
基于Web实现在线绘画拓扑图[GraphEditor]
热门推荐
江湖事，技术了
09-19 2万+
网络拓扑图本来已经整理有一段时间了，一次项目会议写集中边界监控系统的时候上级要求使用可以在系统中画网络拓扑图，没办法当时找不到现有的程序来参考 只能硬着头皮，顶着风险来完成[当然来边界安全的，当然要安全型高啊]，一同事找到一些源码来分析，当然了有源码分析比自己想的效率要快得多 但是也很让人头痛，怎样才能实现，怎样才能嵌入到Web项目中？ 这个集控那个项目已近完成有一段时间了，最近呢一些网友要
jquery dataTable api
江湖事，技术了
12-30 2031
虽然大多数时候你的Javascript交互将通过使用datatable初始化对象作为描述在使用这个网站的部分,有时,你会发现它有用一些外部控制表。可以使用以下函数从jQuery。dataTable对象。 也有一些插件API函数可用的扩展的功能之外的datatable内置函数描述这个页面。 注意对于那些使用服务器端处理:大量的API函数假设数据存储在客户端完成它,而不是在服务器端。这样的
html移动端文件上传组件
05-24
if (xhr.readyState === 4 && xhr.status === 200) { console.log('上传成功'); } }; xhr.send(file); } }); ``` 以上代码中，使用`<input type="file">`标签来创建文件选择器，当用户选择文件后，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值