相关疑难解决方法(0)

尝试将Html canvas元素转换为blob时在Microsoft Edge浏览器上获取异常.一切都适用于普通浏览器.例外:

SCRIPT438:对象不支持属性或方法'toBlob'

Html代码段:

<canvas id="cnv" width="640px" height="520px" style="display: none"></canvas>

使用Javascript:

var files[];
var canvas = document.getElementById('cnv');
canvas.toBlob(function (blob) {            
        files.push(blob);
         }
    }, 'image/jpeg', 1);

当我调用toBlob方法时,我得到了这个异常.有没有办法教Edge gb转换？我在用 :

Microsoft Edge 41.16299.15.0

我在我的应用程序中使用了cropper.js插件来裁剪图像.我可以裁剪图像.现在我正在尝试上传图片而不是下载它们.我更新了显示裁剪图像的模态窗口,如下所示:

<!-- Show the cropped image in modal -->
<div class="modal fade docs-cropped" id="getCroppedCanvasModal" aria-hidden="true" aria-labelledby="getCroppedCanvasTitle" role="dialog" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="getCroppedCanvasTitle">Cropped</h4>
      </div>
      <div class="modal-body"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" style = "float: left;">Close</button>
       <form class="form-inline" id="croperImgForm" role="form" method="post" action="${rc.getContextPath()}/module/simplewebcontent/save-image" enctype="multipart/form-data">
        <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox1" value="option1"> Save Image
        </label>
        <label class="checkbox-inline">
          <input type="checkbox" id="inlineCheckbox2" value="option2">Save Thumbnail
        </label>
        <button type="submit" class="btn btn-primary" id="svImg" style = "margin-left: …