Javascript Html使用来自用户的文件并设置为后台？

我有这个选择HTML文件的代码，我想允许用户选择一个文件，然后能够将其设置为背景。这是选择文件的代码

<form id="form1" name="form1" enctype="multipart/form-data">
   <input type="file" id="file1"  name="file1" accept="image/*" capture="camera">
<br>
   <input type="button" value="Save" onclick="sendFile();" />
</form>

---

或者有没有一种方法可以用HTML访问用户的摄像头？基本上，我希望用户能够选择图像或拍摄图像，然后将图像设置为背景。

是的，我们可以利用浏览器读取文件并在客户端使用文件 下面是为您的用例使用的典型示例：

函数sendFile（）{
//在实际代码中，用
//document.body或html的主体
const demoDiv=document.querySelector（“#demo”）；
const file=document.querySelector（“#file1”）.files[0]；
const reader=new FileReader（）；
reader.addEventListener（“加载”，函数（）{
//将图像文件转换为base64字符串设置为DemoIV的背景
demogiv.style.backgroundImage=`url（${reader.result}）`；
}，假）；
如果（文件）{
reader.readAsDataURL（文件）；
}
}

#演示{
宽度：100%；
高度：400px；
}