当前位置:首页 » 文件传输 » 图片批量上传排序vue
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

图片批量上传排序vue

发布时间: 2023-06-04 06:11:50

A. 手机里的照片传到电脑顺序都乱了,怎么按照时间顺序排序

1、首先,新建文件夹,把所有图片都放入到同一个文件夹中。给这个文件夹重命名,如 《我的图片》。

B. 小程序批量图片按选择顺序上传

wxml:

js:

C. Vue 上传图片到七牛云实用攻略

vue 一般采用element  的upload 上传图片/文件。

首先,设定参数

参考Element  upload  文档

其次,如图所示,重点在于domain和qiniuaddr两个参数!     参考 七牛云存储图片域名文档

然后  上传一定要先获取到七牛云token!我是采用axios  post获取。

接着,把返回的 file.name赋值给 key

this.QiNiuYun.key = `name_${file.name}`;

如图 上传成功/错误处理 函数

大功告成!

补充:

1.    this.uploadImageUrl  这个变量实际上是  图片真正的URL-----https地址!!!

2.    该方法是针对单图上传,如果想多图    将data 内的参数   limit:1   修改为需要的图片数量    !!!

3.     注意!当后台需要你传递多张图片的url时,可采用 此方法!!!

 //拼接 url

                if(this.uploadImageList===''){

                    this.uploadImageList= this.uploadImageUrl;

                }else{

                    this.uploadImageList=this.uploadImageList+';'+ this.uploadImageUrl;

                }