阿Q吧 > 前端，图片上传点击 input type=file 选择好了想要上传的图片，点击打开，

前端，图片上传点击 input type=file 选择好了想要上传的图片，点击打开，

2025-06-26 09:17:15

推荐回答（1个）

回答1：

你是要传到服务器的话那就是后台实现。

如果不传到服务器在页面上不能直接显示出来，系统有限制。但是在大部分的手机浏览器里面是可以直接读取。

例如下面这段直接加载本地选择的图片地址，会报错：Not allowed to load local resource

意思是不允许读取本地资源。

var fileupload = document.getElementById('upload');

fileupload.onchange = function (event) {
    var img = document.createElement('img');
    img.src = this.value;
    document.body.appendChild(img);
};