Javascript 在服务器上上载图像时出现问题

我正在尝试将图像上载到localhost服务器，但文件没有上载。当我单击“上载图像”时，它没有显示任何内容，我搜索了很多关于它的信息，但我不知道问题出在哪里

这是我的密码

<label id="file1">Upload image
<input onchange="readurl2()" id="input" type="file" name="image" size="60" required>
</label>
<br>
<img id="blah" src="..\images\avatar.png" alt="avatar">

---

请帮帮我

FileReader

对象在前端读取文件，但不自行上载文件

上传表单的一个选项是提交表单，此表单应具有属性：

enctype=“multipart/form data”

另一个选项（更高级）是通过ajax请求以base64文本发布文件

---

或者您可以使用类似于

axios

的库，以

multipart

form的形式提交表单，其中包含文件输入的行内容。

如果您只是尝试更改图像元素的源代码，那么对我来说似乎还可以。您还没有显示任何实际上传到服务器的代码。你只是想改变图像元素的来源吗？如果是这样，您是否在控制台中收到错误？代码不会“上载”。您将OP混淆，表单类型与使用FileReader无关，OP可以输出到base64并通过ajax或其他方式发送。是的，我只是指出了FileReader的功能。我会更新我的答案。

function readurl2() 
{
    input=document.getElementById('input');
    if (input.files && input.files[0]) 
    {
        var reader = new FileReader();
        reader.onload = function (e) 
        {
            document.getElementById('blah').src=e.target.result;
        };
        reader.readAsDataURL(input.files[0]);
        return "done";
    }
}