本地javascript不依赖第三方库实现本地上传图片打包下载
时间: 2023-01-30 11:31:30 浏览: 230
可以使用 JavaScript 的 `File` 对象和 `Blob` 对象来实现本地图片上传并打包下载。
首先,需要获取本地图片的 `File` 对象,可以使用 HTML 表单的 `input` 元素,类型设置为 `file`。
然后,可以使用 JavaScript 的 `FileReader` 对象读取图片的内容,并将其转换为 `Blob` 对象。
最后,可以使用 `URL.createObjectURL` 方法创建一个指向 `Blob` 的 URL,并使用 `a` 元素的 `download` 属性将图片打包下载。
下面是一个简单的示例代码:
```
// 获取本地图片的 File 对象
const fileInput = document.querySelector('#fileInput');
const file = fileInput.files[0];
// 读取图片的内容
const reader = new FileReader();
reader.readAsArrayBuffer(file);
// 将图片转换为 Blob 对象
reader.onload = function () {
const arrayBuffer = this.result;
const blob = new Blob([arrayBuffer]);
// 创建指向 Blob 的 URL
const url = URL.createObjectURL(blob);
// 使用 a 元素的 download 属性将图片打包下载
const link = document.createElement('a');
link.href = url;
link.download = file.name;
link.click();
};
```
希望这能帮到你。
阅读全文