input标签选中图片并且显示复制粘贴即用

缺乏、安全感 2022-06-15 04:49 145阅读 0赞

//转载他人

<input id="file_upload" type="file" />
    <div class="image_container">
        <img id="preview" style="height:130px;width:117px;border-width:0px;"/>
    </div>

//上面是jsp内容

//下面是script内容

$(function () {
        $("#file_upload").change(function () {
            var $file = $(this);
            var fileObj = $file[0];
            var windowURL = window.URL || window.webkitURL;
            var dataURL;
            var $img = $("#preview");
    
            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;
    
            }
        });
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关工具使用-xsehll （1） xshell如何选中即复制，右键即粘贴

1、选中即复制，右键即粘贴操作的窗口打开xshell，选择【工具】-【选项】-【键盘和鼠标】![6d474931bc2b29ec394430fb3f59c6cf.png

心已赠人/ 2024年04月01日 03:26/ 0 赞/ 46 阅读

相关 wangeditor编辑器复制粘贴图片自动上传

1、前端引用代码 ![e9edf946ecb16fea74193ba26b0a60f3.png][] 请求文件上传的默认请求是一个文件，作为具有“upload”字段的表

今天药忘吃喽~/ 2023年10月08日 20:46/ 0 赞/ 25 阅读

相关 XShell - 设置选中即复制，右键粘贴功能

文章目录 XShell - 设置选中即复制，右键粘贴功能 1、设置功能 2、为什么这么设置 XShell

约定不等于承诺〃/ 2022年12月08日 06:02/ 0 赞/ 187 阅读

相关屏蔽网页源码显示及复制粘贴

说明：屏蔽网页源码显示、屏蔽鼠标右键、屏蔽键盘事件，可以在一定程度上对知识产权进行保护，避免恶性知识窃取和传播。 layout 源码示例： <script typ

冷不防/ 2022年10月05日 12:55/ 0 赞/ 96 阅读

相关 input标签选中图片并且显示复制粘贴即用

//转载他人 <input id="file_upload" type="file" /> <div class="image_container">

缺乏、安全感/ 2022年06月15日 04:49/ 0 赞/ 146 阅读

相关 xshell复制粘贴

今天下午想把同学的python代码部署到我的远程服务器上，利用xshell在windows下进行远程连接时差点被复制粘贴搞疯。复制粘贴不就是Ctrl+C，Ctrl+V嘛，但是

爱被打了一巴掌/ 2022年04月23日 06:38/ 0 赞/ 272 阅读

相关 mui APP复制粘贴,Native.js复制粘贴

/ @description 获取剪贴板内容 (粘贴) / function getClipbordText() { if

た入场券/ 2022年04月22日 16:24/ 0 赞/ 264 阅读

相关 javaWeb文件上传下载（复制粘贴即可使用）

先说上传吧，lz写过多次上传方法，但是都是复制粘贴，这次重要有机会没在纯复制(也许是复制的不能用，哈哈)；废话不多说，直接上代码，以后对大家也有帮助； html部分，使用

╰+哭是因爲堅強的太久メ/ 2022年04月12日 13:14/ 0 赞/ 154 阅读

相关 XShell鼠标选中, 实现快捷复制和粘贴

以前用Putty, 里面有选中后, 点击鼠标右键快速粘贴的功能, 用Xshell后发现默认没有这个设置. 但是Xshell因为界面漂亮得多,功能也丰富得多, 并且一直在更新维

悠悠/ 2022年01月25日 15:26/ 0 赞/ 370 阅读

相关 vim选中字符复制/剪切/粘贴

【背景知识】 vim 有 12 个粘贴板，分别是 0、1、2、...、9、a、“、＋；用 :reg 命令可以查看各个粘贴板里的内容。在 vim 中简单用 y 命令只是复制到

喜欢ヅ旅行/ 2022年01月20日 13:59/ 0 赞/ 603 阅读