当前位置: 首页 > news >正文

网站怎做百度代码统计苏州seo建站

网站怎做百度代码统计,苏州seo建站,自学网站开发软件开发,虚拟主机安装wordpress前情提要:大文件分片上传,需要利用Upload的customRequest属性自定义上传方法。也就是无法通过给Upload的action属性赋值上传地址进行上传,所以Upload组件自带的上传进度条,也没法直接用了,需要在customRequest中加工一…

前情提要:大文件分片上传,需要利用Upload的customRequest属性自定义上传方法。也就是无法通过给Upload的action属性赋值上传地址进行上传,所以Upload组件自带的上传进度条,也没法直接用了,需要在customRequest中加工一下。

jquery.ajax上传进度

XMLHttpRequest.upload 属性返回一个XMLHttpRequestUpload对象,用来表示上传的进度。这个对象是不透明的,但是作为一个XMLHttpRequestEventTarget,可以通过对其绑定事件来追踪它的进度。
在这里插入图片描述

$.ajax({url, // 上传地址type, // get、post、put等类型data, // 上传参数cache: false, //上传文件不需要缓存processData: false, // 告诉jQuery不要去处理发送的数据contentType: false, // 告诉jQuery不要去设置contentTypesuccess, // 上传成功的处理error, // 上传失败的处理// ...其他ajax的参数请根据需求自定义哈,上面是我需要的// 重点在这里// 监听上传进度// 重点在这里xhr: function () {var xhr = new XMLHttpRequest();//使用XMLHttpRequest.upload监听上传过程,注册progress事件xhr.upload.addEventListener('progress', function (progressEvent) {// progressEvent.loaded是已上传的进度,progressEvent.total是总数,这里计算上传进度的百分比const percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);// 这里调用的是customRequest的参数,需要把上传进度传给upload组件,后面解释// 也可以自行处理,比如自己写个进度条,根据percent改变进度条宽度e.onProgress({ percent });})return xhr;},
})

Upload.customRequest

官方的废话文学
customRequest详细一点的解释在github上,这里主要用到onProgress方法。

在这里插入图片描述
调用onProgress方法,参数是上传进度,Upload的上传进度条会根据参数显示。
不调用的话,进度条会一直卡在0%,知道上传成功后直接变成100%
在这里插入图片描述

代码

// e的属性如上面截图
customRequest: e => {$.ajax({url, // 上传地址type, // get、post、put等类型// 上传参数,我就直接把文件信息不做处理放到请求参数里了data: e.file,cache: false, //上传文件不需要缓存processData: false, // 告诉jQuery不要去处理发送的数据contentType: false, // 告诉jQuery不要去设置contentType// 上传成功的处理success: (res) => {// 一定要调用onSuccess告诉Upload组件上传成功,res的内容会在onChange参数里的file.responsee.onSuccess(res)}, // 上传失败的处理error: (err) => {// 告诉Upload组件上传失败,err内容会在onChange参数里的file.responsee.onError(err)},// ...其他ajax的参数请根据需求自定义// 监听上传进度xhr: function () {var xhr = new XMLHttpRequest();//使用XMLHttpRequest.upload监听上传过程,注册progress事件xhr.upload.addEventListener('progress', function (progressEvent) {// progressEvent.loaded是已上传的进度,progressEvent.total是总数,这里计算上传进度的百分比const percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);// 上传进度传给upload组件e.onProgress({ percent });})return xhr;},
})
}

在这里插入图片描述

http://www.rdtb.cn/news/1389.html

相关文章:

  • 武汉市江夏区建设局网站站长统计app最新版本2023
  • 网站建设与网页设计...搜狗站长
  • 做的网站必须放在idc机房吗网站排名优化服务公司
  • 给客户做网站建设方案平面设计
  • 门户网站域名是什么seol英文啥意思
  • 做网站数据库坏了惠州seo计费管理
  • 专门做辅助的网站中文域名
  • 做宠物网站心得百度应用商店app下载安装
  • 自己有网站怎么做优化郑州seo价格
  • 企业网站的建设与实现论文百度竞价排名是哪种方式
  • 线上教学网站怎么建设建立网站要多少钱一年
  • 建立网站的好处潍坊seo推广
  • 网站首页广告代码seo优化网络推广
  • 未来前景比较好的行业有哪些进一步优化
  • 学做甜品的网站系统优化大师免费版
  • wordpress 设置数据库如何优化网络速度
  • 莱州市做企业网站怎么推广游戏叫别人玩
  • 网址代理访问重庆seo整站优化外包服务
  • 外贸做网站要多久做好seo岗位
  • 美国做旅游网站腾讯营销平台
  • 权重7以上的网站武汉网站维护公司
  • 江苏专业做网站的公司网络推广学校
  • 怎么做日本钓鱼网站吗百度搜索引擎营销
  • 网站建设怎样设置动态背景新公司做网站多少钱
  • 网站建设普通发票税点北京seo关键词优化收费
  • fifa18做sbc的网站saascrm国内免费pdf
  • 营销型网站建设公司价格代运营竞价公司
  • 南通网站制作公司哪家好口碑营销的缺点
  • 网站如何做链接青岛关键词优化平台
  • 微信公司网站百度指数趋势