时间戳

首页 > 解决方案 > Asp Mvc 在客户端调整图像大小

javascript - Asp Mvc 在客户端调整图像大小

问题描述

我想让用户上传图片，但我希望在客户端调整图片大小，然后再将其传递给服务器。因此，如果图像变大，它不会花费很长时间。是否有任何方法可以使用 JS 或任何工具来实现这一点，顺便说一句，我正在使用 Asp Mvc 5 进行编码。

标签： javascriptasp.net-mvcimage-resizing

解决方案

文件选择输入更改事件后更改图像大小：

    <input type="file" id="fileSelect">
    <img id="preview">
 <script>
    document.getElementById('fileSelect').onchange = function(event) {
    ImageTools.resize(this.files[0], {
    width: 720, 
    height: 480
    }, function(blob, didItResize) {
    //it will be true if it resize it, else false and will return the original file as blob
    document.getElementById('preview').src = window.URL.createObjectURL(blob);
   });
  };
 </script>

更新：您需要为 imagetools 添加参考：

<script src="https://gist.githubusercontent.com/dcollien/312bce1270a5f511bf4a/raw/155b6f5861e844310e773961a2eb3847c2e81851/ImageTools.js"></script>

推荐阅读