JavaScript实现图片上传到服务器和回显
关于js实现图片的上传和回显,曾经用户的代码粘在这里:
样式:这样写样式的道理是给<input>标签的父级设置一个背景图,就是‘+"那个背景图,然后把<input>的宽高设置得跟父级一样,且完全透明(注意是透明不是隐藏),这样点击的时候看似是点击的‘+"的节点,其实点击的是<input>节点。
.file-box {
position: relative; display: inline-block; width:100px; height:100px; background:url("images/uploadPc.png")no-repeat; background-size:100px 100px; } #input_file{ width:100%; height:100%; opacity: 0; filter:alpha(opacity=0); } |
input