上传图片时button按钮隐藏,用做好的样式
2017-09-07 19:03
274 查看
jsp: <div class="input-box">
<span>主题首页</span>
<div class="img-box">
<img class="img-icon" src="${ctx}/${subject.picUrl}" id="imgs"
alt="" style="width: 100%; height: 100%; top: 0;" /> <input
name="filepathsave" id="filepathsave" type="hidden"
value="${subject.picUrl}" />
</div>
<p class="check-img">
<input type="file" id="files" onchange="onChangeUploadImage(this)"
multiple="multiple" style="opacity: 1" type="hidden">
<button onclick="clickFileInput()">选择图片</button>
(本格式支持jpg、png等格式)
</p>
</div>
js: $('#files').hide();//让按钮隐藏
function clickFileInput(){
$("#files").click();
}
//点击按钮时触发选择图片事件
<span>主题首页</span>
<div class="img-box">
<img class="img-icon" src="${ctx}/${subject.picUrl}" id="imgs"
alt="" style="width: 100%; height: 100%; top: 0;" /> <input
name="filepathsave" id="filepathsave" type="hidden"
value="${subject.picUrl}" />
</div>
<p class="check-img">
<input type="file" id="files" onchange="onChangeUploadImage(this)"
multiple="multiple" style="opacity: 1" type="hidden">
<button onclick="clickFileInput()">选择图片</button>
(本格式支持jpg、png等格式)
</p>
</div>
js: $('#files').hide();//让按钮隐藏
function clickFileInput(){
$("#files").click();
}
//点击按钮时触发选择图片事件
相关文章推荐
- 问题,如何把上传文件的浏览按钮换成其他样式 或者图片
- 隐藏文件上传按钮前面的输入框,美化文件模拟ajax上传。并预览图片
- Java Swing JRadioButton 给radioButton加图片不隐藏单选按钮
- file 标签上传文件,直接样式太难看!隐藏它,通过别的按钮触发它,又会有IE兼容问题。
- button上传替换file上传按钮,并显示图片缩略图,纯jsp操作
- 修改 上传图片按钮input-file样式。。
- 图片按钮样式隐藏文字的
- HTML Button 背景图片样式作为按钮显示
- 设置button的样式,使得按钮的图片在上面,文字在图片的下面
- 如何把上传文件的浏览按钮换成其他样式 或者图片
- 小技巧,如何把上传文件的浏览按钮换成其他样式 或者图片
- HTML Button 背景图片样式作为按钮显示
- 设置button的样式,使得按钮的图片在上面,文字在图片的下面
- 图片上传的jsp-项目可借鉴-可基于自身调整样式
- <input type="file" name="file"> 上传表单域浏览按钮样式更改
- 自定义上传按钮样式的终极解决方案_input透明法
- JS隐藏上传文本框,单按钮上传
- Android使用xml自定义Button按钮显示样式
- 给button等按钮和控件加背景色或者图片,dialog如何增加背景色和图片背景
- net3:文件上传与图片显示以及HiddenField隐藏字段值的使用