如何在页面中显示一张本地图片

2015-11-12 12:04:36 1.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Android 与JS交互调用本地相册在Html页面显示图片 Android 与JS交互浅谈Android 与 JS 交互主要分为： JS 调用Android中的方法 Android首先要用WebView加载Html页面 -mWebView.getSettings().addJavascriptInterface(new DemoJavascriptInterface(), “network”); mWebView.loadUrl();就可实现加载Htm 阅读详情

我现在需要将一张本地图片展示在页面中，不知道有什么可行的方法。

路径拿到，在浏览器窗口打开能显示，但是放在页面里显示不了

...全文

ASP.NET读取网络或本地图片显示写这个的缘由是在CSDN看到的两个问题：1、抓取网络图片，不在本地保存而直接显示2、在站点服务器上某个磁盘的文件里有图片，想能够在网站上显示出来，图片文件夹不在站点目录一、读取网络图片阅读详情

zj25810

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

冰雨无痕 2015-11-12

打赏
举报

将图片，做成svg的代码形式把。

slwsss 2015-11-12

打赏
举报

没权限搞不了

斯洛文尼亚旅游 2015-11-12

打赏
举报

直接指定路径不行，用file对象给客户选择后可以。。 javascript客户端图片预览，兼容最新firefox，chrome和IE11

zj25810 2015-11-12

打赏
举报

有没有办法，把图片转成base64，再拿出来显示

nivk 2015-11-12

打赏
举报


var files = {};

function previewImage(selector, obj, callback) {
    /// <summary>绑定图片预览</summary>
    /// <param name="selector" type="String">jQuery选择器</param>
    /// <param name="obj" type="Object">选项</param>
    /// <param name="callback" type="Function">回调函数</param>

    if (files[selector]) return;
    var file = document.createElement("input");
    file.type = "file";
    file.style.display = "none";
    file.accept = "image/*";

    files[selector] = file;

    $(file).change(function (e) {
        if (e.target.value == "") return;
        var file = e.target.files[0];

        if (typeof obj == "object") {
            if (obj.filesize && file.size > obj.filesize) return alert("您选择的文件大小为:" + Math.floor(file.size / 1024) + "k\r\n单张图片大小不能超过" + Math.floor(obj.filesize / 1024) + "k");
        }

        var img = new Image(), url = img.src = URL.createObjectURL(file);
        var $img = $(img);
        img.onload = function () {
            URL.revokeObjectURL(url);
            callback({
                image: img,
                fileElement: file,
                fromElement: fromEl
            });
        }

        e.target.value = "";
    });

    var fromEl = null;

    $(document.body).append(file);
    $(selector).click(function () {
        fromEl = this;
        file.click();
    });
}

previewImage(".click", {filesize: 102400}, function(e){
    document.body.appendChild(e.img);
});


<div class=".click">点我点我</div>

自己手写的代码，可能会有什么小BUG，请及时与我联系。

如何在页面中显示一张本地图片

相关推荐