file控件选择图片,img即可显示(无需上传)
2024-09-06 06:24:39
代码如下:
<script>
$(function() {
$("#Book_Fiel").change(function() {
var $file = $(this);
var fileObj = $file[0];
var windowURL = window.URL || window.webkitURL;
var dataURL;
var $img = $("#Book_Picture"); if (fileObj && fileObj.files && fileObj.files[0]) {
dataURL = windowURL.createObjectURL(fileObj.files[0]);
$img.attr('src', dataURL);
} else {
dataURL = $file.val();
var imgObj = document.getElementById("preview");
// 两个坑:
// 1、在设置filter属性时,元素必须已经存在在DOM树中,动态创建的Node,也需要在设置属性前加入到DOM中,先设置属性在加入,无效;
// 2、src属性需要像下面的方式添加,上面的两种方式添加,无效;
imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL; }
});
});
</script>
最新文章
- UITableView的添加、删除、移动操作
- java 队列基础操作
- 工作中使用的html5和css3 新特性
- Dynamic CRM 2013学习笔记(二十五)JS调用web service 实现多条记录复制(克隆)功能
- QEMU 使用的镜像文件:qcow2 与 raw
- makefile中的自动化变量 【转】
- [Express] Level 4: Body-parser -- Delete
- 【手把手教你Elmah】如何在MVC.NET项目中在线查看【错误日志】
- js获取css属性方法
- 利用jsoup爬取百度网盘资源分享连接(多线程)
- React组件开发入门
- emacs redo
- AC自动机讲解
- hdu 5475(线段树)
- java异常处理——finally相关
- Viterbi
- nginx配置实例
- ASM ClassReader failed to parse class file - probably due to a new Java class file version that isn&#39;t supported yet………
- java.util.Random 类
- Nacos整合Spring Cloud Gateway实践