用html, css, javascript ,怎么让用户要么选择上传自己的图片,要不选择在网页出给出的图片?详情见下

html-css018

用html, css, javascript ,怎么让用户要么选择上传自己的图片,要不选择在网页出给出的图片?详情见下,第1张

可以给文件上传控件再添加一个onclick事件啊,当点击这个input时,把myimg的src赋值给cusInput,然后当onchange事件发生再把上传后的图片地址赋值给cusInput,这样的话即使因为图片路径相同未触发onchange事件,但onclick事件仍然发生了啊,cusInput仍然保留了上一次上传的图片路径:

<input type="file" name="pic" onchange="change(event)" onclick="cusInput=document.getElementById('myimg').src">

光靠CSS不行,可以使用JS代码,当用户选择文件后,立即读取文件类型filetype(可以用html5的FileReader)

然后根据不同的filetype,显示不同图标。