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