img src = blob：如何获取图片？

Question

我的图像显示为斑点：

<img id="imgcaptmobile" width="487" src="blob:http%3A//www.mysite.com/ab750f54-ecb4-4dc9-8d9d-4e28c4a41262"> 

如何上传图片作为使用jQuery AJAX文件，请...

Answer 1

试试这个

var blobURL = "blob:http%3A//www.mysite.com/ab750f54-ecb4-4dc9-8d9d-4e28c4a41262"; 
 
var image = new Image(); 
 
image.onload = function() { 
 
    var canvas = document.createElement('canvas'); 
 
    var ctx = canvas.getContext("2d"); 
 
    ctx.drawImage(img, 0, 0, image.width, image.height); 
 
    var picture = canvas.toDataURL("image/jpeg", 1.0); 
 
    var data = new FormData(); 
 
    data.append("picture", picture); 
 
    $.ajax({ 
 
     "url": "The Upload URL", 
 
     contentType: false, 
 
     processData: false, 
 
     type: 'POST', 
 
     "data": data, 
 
     success: function(response) { 
 
     //handle the response 
 
     } 
 
    }); 
 
} 
 
image.src = blobURL;

<img src='blob:http%3A//www.mysite.com/ab750f54-ecb4-4dc9-8d9d-4e28c4a41262' />

并且不要忘记解码来自服务器端的数据...