分类
wordpress企业主题

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

发表评论

邮箱地址不会被公开。 必填项已用*标注