uniapp图片地址以文件流的形式传给后端

安装image-tools 图像转换工具，可用于图像和base64的转换

点我前往

安装
npm i image-tools --save
引用
import { pathToBase64, base64ToPath } from ‘image-tools’

具体代码

         let id = 1this.downloadFiles(id);// 1 通过id获取服务器图片 async downloadFiles(id) {//2 获取的图片长这样 123456.pnglet result = await downloadFile(id); //3 图片加上服务器地址let url = this.requestUrl(API前缀) + result.url;//4 将图片先转换成base64格式pathToBase64(url).then(base64 => {// console.log(base64)let fileStream = this.base64toFile(base64, '签名')console.log(fileStream)//6 把文件流传给后端this.uploadFile(this.requestUrl, fileStream)}).catch(error => {console.error(error)})},//5 然后再把base64转成文件流base64toFile(dataurl, filename = 'file') {let arr = dataurl.split(',')let mime = arr[0].match(/:(.*?);/)[1]let suffix = mime.split('/')[1]let bstr = atob(arr[1])let n = bstr.lengthlet u8arr = new Uint8Array(n)while (n--) {u8arr[n] = bstr.charCodeAt(n)}return new File([u8arr], `${filename}.${suffix}`, {type: mime})},//请求后端接口uploadFile(requestUrl, file) {console.log(file)console.log('进来了')uni.uploadFile({url: requestUrl + 'a/b/c', //服务器地址file: file,name: 'cfName',header: {'authorization': uni.getStorageSync("user_token")},success: (uploadFileRes) => {console.log('uploadFileRes')console.log(uploadFileRes)},fail:(res) => {console.log(res)}});},

uniapp图片地址以文件流的形式传给后端相关推荐

根据图片地址得到文件流
/*** 得到文件流** @param url 图片地址* @return*/public static byte[] getFileStream(String url) {try {URL http ...
使用文件流的形式在浏览器下载word文档
一.使用文件流的形式在浏览器下载word文档 String path = "http://172.16.228.130:7300/document/d9dd1ec7e72d4fc6a9e50 ...
pdf以文件流的形式导出乱码问题解决
将后台文件传给前端,目的要实现附件下载的效果: 实际上返回的是一堆乱码解决方案: //attachment就是附件的形式返回,不加attachment就是文件流输出到前端,即乱码现象 respon ...
c#以文件流的形式输出xml（可以解决内存溢出）-XmlTextWriter
1.XmlTextWriter 表示提供快速.非缓存.只进方法的编写器,该方法生成包含 XML 数据(这些数据符合 W3C 可扩展标记语言 (XML) 1.0 和"XML 中的命名空间&qu ...
base64图片转成文件流再转成链接 vue js
获取的链接格式 ,只能在本地打开 blob:http://localhost:8080/c5b2915d-5f72-4918-bc7a-f9fb74aaba05 // img 是base64图片完整字 ...
php 下载.csv,php 文件流的形式下载csv
使用文件流下载csv原因使用php 下载excel 经常会因为文件太大导致内存不足下载失败直接上代码 $columns = [ 'u_id', '用户姓名' ]; $items=[[" ...
需求：如何将含有公有图床图片的md文件以图文形式导入到语雀？-2022.7.17(已解决)
目录文章目录目录 1.提出需求 2.测试过程 3.得出结论关于我最后 1.提出需求现在,有一个md文件,里面的图片是阿里云oss路径. 现在,我想把这篇md文章导入到语雀里,但是我希望导入进 ...
从远程(包括ftp,http等协议)地址获取文件流信息
URL url = new URL("ftp://172.18.251.155:8010/recordsImg/2019-01-28/000008_1548649813267.jpg&quo ...
java获取下载链接文件流并上传至OSS
InputStream inputStream = new URL("下载链接地址").openStream(); MultipartFile file = new MockMul ...

uniapp图片地址以文件流的形式传给后端

uniapp图片地址以文件流的形式传给后端相关推荐

最新文章

热门文章