zoukankan      html  css  js  c++  java
  • file控件选择图片,img即可显示(无需上传)

    代码如下:

            <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>
  • 相关阅读:
    设计模式-总览
    restful
    springmvc异常统一处理(二)
    springmvc参数校验(二)
    跨语言的RPC
    更安全的RPC接口
    RPC版 “Hello World”
    用例(Use Case)
    参与者
    数据库知识基础入门
  • 原文地址:https://www.cnblogs.com/moshanghuakai/p/7168363.html
Copyright © 2011-2022 走看看