js 读取本地图片

JavaScript 2017-11-06

js 读取本地图片 并取得base64 数据:
<h3>获取图片</h3>
<input type="file" value="选择图片" data-clear-btn="true" name="file-2" id="imgOne" onchange="preImg(this.id,'imgPre');">

<input type="text" data-clear-btn="true" id="datatxt"></input>

<script>
function preImg(sourceId, targetId) {

    if (typeof FileReader === 'undefined') {
        alert('Your browser does not support FileReader...');
        return;
    }
    var reader = new FileReader();
    reader.onload = function(e) {
        var img = document.getElementById_x_x_x(targetId);
        img.src = this.result;
        var data = this.result;
        $("#datatxt").val(data.substr(23));
       // alert("dddd:"+this.result);
    }
  reader.readAsDataURL(document.getElementById_x_x_x(sourceId).files[0]);

}
</script>


本文由 伯仁 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论