Javascript 如何";reupload“;输入类型为“的服务器映像”;文件";axios呢?
我正在编写VueJS应用程序。我使用axios将图像上传到服务器。我有一个Javascript 如何";reupload“;输入类型为“的服务器映像”;文件";axios呢?,javascript,file,axios,image-uploading,Javascript,File,Axios,Image Uploading,我正在编写VueJS应用程序。我使用axios将图像上传到服务器。我有一个,并使用下一个代码将数据发送到服务器: let formData = new FormData(); formData.append("image", self.image); self.axios.post("/image/", formData, {headers: {"Content-Type": "multipart/form-data"}} ).then(response =
,并使用下一个代码将数据发送到服务器:
let formData = new FormData();
formData.append("image", self.image);
self.axios.post("/image/",
formData,
{headers: {"Content-Type": "multipart/form-data"}}
).then(response => // smth next
现在我想从服务器上传图像,并将其作为文件放到相同的
中,以便能够再次使用以前的代码将下载的图像重新上传回服务器
我尝试了很多选择,但最后一个看起来像:
const self = this;
self.axios.get(`/image/${newValue}`).then(res => {
self.file = new File(
[new Buffer(res.data, "binary").toString("base64")],
res.request.responseURL.split("/api/image/")[1],
{ type: res.headers["content-type"] }
);
图像已下载并成功上载,但已损坏->已创建.png文件无法打开
我注意到的另一个细节是:重新加载的文件总是比原始文件大。原始文件为810kb,重新编译为8.4mb。所以我可能做错了什么:P
如有任何建议,将不胜感激,并回答任何其他问题 为什么不直接使用
此
?它不会修复损坏的图像