Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何";reupload“;输入类型为“的服务器映像”;文件";axios呢?_Javascript_File_Axios_Image Uploading - Fatal编程技术网

Javascript 如何";reupload“;输入类型为“的服务器映像”;文件";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 =

我正在编写VueJS应用程序。我使用axios将图像上传到服务器。我有一个
,并使用下一个代码将数据发送到服务器:

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


如有任何建议,将不胜感激,并回答任何其他问题

为什么不直接使用
?它不会修复损坏的图像