Javascript 如何在Vue.js的编辑文件输入中指定文件值?
在Vue常规设置中,不提供Javascript 如何在Vue.js的编辑文件输入中指定文件值?,javascript,vue.js,file,vuejs2,Javascript,Vue.js,File,Vuejs2,在Vue常规设置中,不提供/assets 图像变为src=“data:image/png;base64,iVBORw0K…YII=”字符串 为了从JS代码中获取图像,我使用如下命令-require('../assets/myImage.png')。 但是如何为文件输入做这些呢 下面是我的代码 HTML <b-form-file id="fileinput" required /> 文件路径-root/src/assets/a.png 但是我收到了
/assets
图像变为src=“data:image/png;base64,iVBORw0K…YII=”
字符串
为了从JS代码中获取图像,我使用如下命令-require('../assets/myImage.png')
。
但是如何为文件输入做这些呢
下面是我的代码
HTML
<b-form-file
id="fileinput"
required
/>
文件路径-root/src/assets/a.png
但是我收到了帖子https://myurl.com/assets/a.png 404(未找到)
我还尝试了fetch(`@/assets/${image}`,{method:'POST',body:formData})代码>
但是它不起作用。你检查过在资产/
位置是否正在创建新文件吗?没有。没有新创建的文件。因此,应该保存文件的帖子和后端代码不起作用…没有。我正在从“编辑文件输入”中的本地路径获取文件。由于安全问题,如果没有用户选择或拖放,您将无法读取文件
const photo = document.getElementById('fileinput').files[0];
const formData = new FormData();
formData.append('photo', photo);
fetch(`/assets/${image}`,{ method: 'POST', body: formData });