js点击上传图片后直接显示在内容框中
2018-02-05 14:56
411 查看
当用户点击 img 标签时弹出选择框,选择完图片点击确定会将图片替换到该img标签里以便于提交表单 <img id="picture" style="width:102px;height:126px;" onclick="selectFile();" title="点击上传"> <input id="image" name="image" type="file" style="display:none" class="img_upload_file">
function selectFile(){ $("#image").trigger("click"); } $(".img_upload_file").change(function() { var file = this.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { $("#picture").attr("src", this.result); }; });
93c0
相关文章推荐
- 图片上传点击通过js显示图片
- 【转】浏览器升级到ie9后fckeditor无法复制,上传图片,弹出浮层内容不显示怎么办?
- js点击显示图片
- js - ckeditor 文本编辑器图片上传至服务器显示
- JS实现点击循环切换显示内容的方法
- js 本地图片未上传先预览(等比缩小图片内容大小)
- js点击显示全部内容(用于内容比较长时)
- 上传文件点击后显示图片
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 属性动画图片从上移动到屏幕中间,放大图片的二倍再缩小到原来,自定义圆实现倒计时,解析数据显示,点击条目实现js交互
- 上传图片时JS自动显示图片
- 不刷新,点击上传图片,传完图片后,这个页面即刻显示图片?
- nodejs+express+ajax实现图片上传及显示
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- 使用js和jquery实现点击图片上传及预览
- Struts1.3中图片上传后直接显示
- 浏览器升级到ie9后fckeditor无法复制,上传图片,弹出浮层内容不显示怎么办?
- js实现图片上传并即时显示
- 上传图片截图预览控件不显示cropper.js 跨域问题
- Vue.js 点击按钮显示/隐藏内容 实例