0

我尝试使用transloadit 插件来更改图像的自然大小并将其显示给用户,但它对我不起作用。怎么能做到?

查看演示:http: //jsfiddle.net/bx1en700/

$(function() {
  $('#my_img').transloadit({
    wait: true,
    triggerUploadOnFileSelection: true,

    params: {
      auth: { key: "YOUR-AUTH-KEY" }, 
      steps: {
        cropped_thumb: {
          use: ":original",
          robot: "/image/resize",
          width: 100,
          height: 100,
          resize_strategy: "crop"
        }
      }
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jsfiddle.net/bx1en700/assets.transloadit.com/js/jquery.transloadit2-v2-latest.js"></script>

<img id="my_img" src="http://i.imgur.com/SHo6Fub.jpg">

4

0 回答 0