使用js配合input type=‘file‘标签设置图片的URL
来源:互联网 发布:新游上线软件 编辑:程序博客网 时间:2024/06/10 20:41
function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf("MSIE") >= 1||(!!window.ActiveXObject || "ActiveXObject" in window)) { // IE url = document.getElementById(sourceId).value; } else if (navigator.userAgent.indexOf("Firefox") > 0) { // Firefox url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } else if (navigator.userAgent.indexOf("Chrome") > 0) { // Chrome url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } return url; } $("#image-upload").bind('change', function () { $("#PayShowImage").attr("src", getFileUrl(this.id)); }); <img id="PayShowImage" width="100" height="100" class="validate[required]" src="" /> <a href="javascript:;" class="btn btn-primary btn-lg" onclick="$('#image-upload').click();">上传</a><input type="file" name="file" id="image-upload" class="hidden" /><input type="hidden" name="ImgPath" />
阅读全文
0 0
- 使用js配合input type=‘file‘标签设置图片的URL
- 使用input标签 type='file' 上传图片的问题
- type=“file”的input标签美化
- input标签 type='file' 上传图片问题
- input标签type="file"的格式要求,以及文件阅读,图片上传前的显示
- [js实例] input type=file 上传图片预览 createObjectURL
- android支持html的<input type="file">标签
- android支持html的<input type="file">标签
- Html+CSS input type=file 文件标签的美化
- 修改input标签type=file类型的文字
- 使用$.ajaxFileUpload上传时<input type="file">设置的onchange只能执行一次的解决方案
- html 实时显示input type=file 上传的图片
- angularJS <input type="file> 图片的base64编码
- input type="file" 类型的图片文件转成base64
- <input type="file">中怎设置按钮的样式
- 设置<input type="file">的默认样式
- 使用JS清空上传控件input(type="file")的值
- js 获取、清空 input type="file"的值
- Linux系统下设置mongoDB的用户名密码
- 1054. 求平均值
- weblogic解锁
- git命令大全
- 现有超过 5 亿台设备支持 Android Instant Apps
- 使用js配合input type=‘file‘标签设置图片的URL
- Linux下安装php的扩展文件fileinfo.so文件
- 构造方法
- NodeJs在windows安装配置
- 【linux】 CentOS 6.5升级gcc
- 函数设计实例
- 前端单元测试
- 通过pip,更新电脑上全部的依赖库.
- 消息摘要算法加密(代码实现)