相关疑难解决方法(0)

HTML5 Canvas toDataURL返回空白

我想上传图像文件,将它们绘制到画布中,进行更改并将其保存在数据库中.我试图测试canvas image(Pic)返回的base64值,它是空的.但是,当我将canvas(Pic)附加到文档时,我看到了结果.我在这做错了什么?

function handleFileSelect(evt) {
  var files = evt.target.files; // FileList object                
  for (var i = 0, f; f = files[i]; i++) {

    if (!f.type.match('image.*')) {
      continue;
    }
    // read contents of files asynchronously
    var reader = new FileReader();

    // Closure to capture the file information.
    reader.onload = (function(theFile) {
      return function(e) {

        var canvas = document.createElement("canvas");

        var datauri = event.target.result,
          ctx = canvas.getContext("2d"),
          img = new Image();

        img.onload = function() {

          canvas.width = width;
          canvas.height …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 html5-canvas

12
推荐指数
1
解决办法
1万
查看次数

标签 统计

html5 ×1

html5-canvas ×1

javascript ×1

jquery ×1