javaScript上传图片预览

原创 2018年04月17日 14:58:24
<div class="form-group">
    <label for="avatar">头像&nbsp;<font color="#808080">(图片尺寸为180*180,请按照此比例上传)</font></label>
    <input type="file" name="avatar" id="avatar" class="form-control" style="display: none"
           required="required" onchange="preview()">
    <button class="btn btn-default" onclick="putavatar()">点击上传头像</button>

    <script>
        function putavatar() {
            $('#avatar').trigger("click");
        }

        function preview() {
            var r = new FileReader();
            f = document.getElementById('avatar').files[0];
            r.readAsDataURL(f);
            r.onload = function (e) {
                $('#show').css('display','block');
                document.getElementById('show').src = this.result;

            };
        }
    </script>
</div>

JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)

摘要 本人个人nodejs分享论坛:tnodejs.com 参考:http://blog.csdn.net/nhconch/article/details/7295456 需要解决的问题有:本地图片如...
  • danhuang2012
  • danhuang2012
  • 2012-06-29 19:18:57
  • 26521

jquery图片上传预览插件uploadView

html
  • qq_24767091
  • qq_24767091
  • 2017-05-04 14:25:26
  • 514

js 实现图片预览功能支持ie8

function uploadImage (upload) { //初始化文件 var file; if(upload.files){ var len = upload.files.len...
  • zhinan5ai
  • zhinan5ai
  • 2016-11-16 14:00:17
  • 348

图片上传前客户端预览

  • 2008年10月09日 15:34
  • 694B
  • 下载

javascript 上传图片预览效果

  • 2010年03月17日 21:15
  • 9KB
  • 下载

简单JS实现多图上传和预览

  • 2017年12月19日 20:50
  • 31KB
  • 下载

javascript上传预览图片(IE8支持)

html: javasc
  • u014798510
  • u014798510
  • 2016-07-22 17:26:26
  • 2992

用javascript实现图片上传并预览

最近在开发的过程中遇到了一个图片上传并预览的问题。其实这问题不难。chrome,FF,IE10+可以用FileReader来实现。IE9-可以用css的滤镜来实现。一开始我也是这样干了。但是测试的时候...
  • baidu_24024601
  • baidu_24024601
  • 2016-04-28 17:34:58
  • 7483

JavaScript上传图片预览

  • 2015年10月10日 13:36
  • 2KB
  • 下载

javascript上传前图片预览

JS上传前预览图片      function PreviewImg(imgFile){      var newPreview = document.getElementById("new...
  • hujinhui51
  • hujinhui51
  • 2013-02-06 17:24:47
  • 194
收藏助手
不良信息举报
您举报文章:javaScript上传图片预览
举报原因:
原因补充:

(最多只允许输入30个字)