javascript - 如何在 Vue.js 的编辑文件输入中赋予文件值？

Question

在 Vue 常规设置中，/assets不提供。

相反，图像变成了src="data:image/png;base64,iVBORw0K...YII="字符串。

要从 JS 代码中获取图像，我使用这样的 - require('../assets/myImage.png')。但是如何为文件输入做呢？

下面是我的代码。

HTML

<b-form-file
    id="fileinput"
    required
/>

JS

const photo = document.getElementById('fileinput').files[0];
const formData = new FormData();
formData.append('photo', photo);
fetch(`/assets/${image}`,{ method: 'POST', body: formData });

文件路径-root/src/assets/a.png

但我越来越POST https://myurl.com/assets/a.png 404 (Not Found)

我也试过了fetch(`@/assets/${image}`,{ method: 'POST', body: formData });。

但它没有用。

标签： javascriptvue.jsfilevuejs2