本地javascript不使用第三方包实现本地上传的图片打包下载
时间: 2023-01-30 12:31:30 浏览: 96
用java 窗体程序实现图片的上传下载
你可以使用 JavaScript 在浏览器中构建一个简单的图片打包下载功能。
首先,你需要让用户选择要上传的图片。你可以使用 `<input type="file">` 元素来实现这一点。
然后,你需要将图片读入内存,可以使用 FileReader API 实现。
最后,你需要使用 `window.URL.createObjectURL()` 函数将图片数据转换为可以用于下载的链接。你可以使用 `a` 元素的 `download` 属性并设置 `href` 属性来实现图片打包下载。
例如:
```
const input = document.querySelector('input[type="file"]');
const downloadLink = document.querySelector('a#download');
input.addEventListener('change', () => {
const file = input.files[0];
const reader = new FileReader();
reader.addEventListener('load', () => {
const url = window.URL.createObjectURL(new Blob([reader.result]));
downloadLink.href = url;
downloadLink.download = file.name;
downloadLink.click();
window.URL.revokeObjectURL(url);
});
reader.readAsArrayBuffer(file);
});
```
这样,当用户选择图片后,就可以使用打包下载的链接进行图片打包下载了。
阅读全文