plupload踩坑小结

本文总结了使用Plupload上传文件到七牛云时遇到的问题及解决方案,包括上传配置、预览、拖拽上传和多文件上传的细节处理。需要注意上传时的token设置、文件路径处理、mOxie对象名称变化以及拖拽区域的点击事件绑定等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

plupload踩坑小结

最近项目需要做上传,刚好是传到七牛云的,那挑选plupload是再适合不过的了。
不过东西是好东西,但毕竟不是自己写的,总会有些坑爹的地方,以下总结几点:

关于上传七牛云

上传到七牛云其实不需要用它官方的js sdk,直接用plupload。但是要记得,七牛上传是要配置token的。为了不必要的麻烦,最好要求后端做个获取配置的接口。

官方的接口例子是这样的
这里写图片描述

但其实我们需要的是:

  • 上传的地址url
  • token(这个放到multipart_params附加参数里提交就好了)
  • 上传完成之后的拼接主机地址(七牛返回的是上传好的文件名和hash,拼上主机地址就可以访问了)

这个按照前后端合作的实际处理即可。
另外,关于文件路径的问题,七牛上传是不区分目录的,如果项目有这个需求,且为了防止重复文件 ,可在multipart_params中定义key为 ” 目录/自定义文件名.文件后缀 “,上传后拼接上主机地址,可实现类似目录的效果。
如下:

// 部分插件的配置
{
    url: '后
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值