JavaScript 和文件上传输入字段

Question

我有两个关于文件输入的问题希望你们能帮忙。

1-选择文件输入字段的文本:

<input type="file" name="userfile" id="userfile" >

通常我会使用:document.getElementById("userfile").value

但它不适用于文件。

2-更新文件输入的字段值。与上面相同，通常我使用:

document.getElementById("userfile").value = 'C:\Users\me\Pictures\pic.jpg';

我希望该图片成为文件输入的选定值，但我不能这样做。请帮忙..？

Answer 1

如上所述，您无法从 JavaScript 指定指向用户文件系统的文件。浏览器不允许您这样做。如果可能的话，人们会将他们的文件暴露给网站，这些网站可以在用户不知情的情况下上传他们的私有(private)数据。

对于你的第二个问题，如果你想访问用户选择的图像，你可以使用这个Bootstrap plugin一旦用户指定了文件，就可以从文件输入获取图像数据。