input type="file" 选择图片

2018-08-30  本文已影响27人  积_渐

html部分:

<input style="display:none;" id="file-selector" type="file" multiple="multiple" accept="image/jpeg,image/jpg"/>
<img src=''/>

js部分:

<script>
    $('#file-selector').change(function(){
      var $file = $(this);
      var fileObj = $file[0];
      var windowURL = window.URL || window.webkitURL;
      var dataURL;
      var $img = $("img");
      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");
          imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
          imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
      }
    });
  </script>
上一篇 下一篇

猜你喜欢

热点阅读