Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.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/1/vue.js/6.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 如何在Vue.js的编辑文件输入中指定文件值?_Javascript_Vue.js_File_Vuejs2 - Fatal编程技术网

Javascript 如何在Vue.js的编辑文件输入中指定文件值?

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 但是我收到了

在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

但是我收到了
帖子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 });