Javascript 使用“后文件名更改”;canvas.toblob()&引用;
我正在使用向服务器发送裁剪后的图像,但当我使用“convtoblob(blob)”并将blob附加到formfile,然后将其发送到web API时,原始图像文件名将丢失,并根据附加的图像更改为“blob” 请帮帮我 我的部分代码如下所示:Javascript 使用“后文件名更改”;canvas.toblob()&引用;,javascript,jquery,asp.net,cropperjs,Javascript,Jquery,Asp.net,Cropperjs,我正在使用向服务器发送裁剪后的图像,但当我使用“convtoblob(blob)”并将blob附加到formfile,然后将其发送到web API时,原始图像文件名将丢失,并根据附加的图像更改为“blob” 请帮帮我 我的部分代码如下所示: canvas.toBlob(function(blobs) { //blobs.nam = FN; var formData = new FormData(); formData.append("up", blobs); $.ajax('ht
canvas.toBlob(function(blobs) {
//blobs.nam = FN;
var formData = new FormData();
formData.append("up", blobs);
$.ajax('http://localhost:51320/api/fileupload/uploadfile', {
method: 'POST',
processData: false,
contentType: false,
data: formData,
cache: false,
success: function(d) {
var d;
$alert.show().addClass('alert-success').text('Upload success');
},
error: function(d) {
var d;
avatar.src = initialAvatarURL;
$alert.show().addClass('alert-warning').text('Upload error');
},
complete: function(d) {
var d;
$progress.hide();
}
});
});
即使我添加了一个新属性,正如您所看到的“//blobs.nam=FN;”,我在webAPI中也没有得到它。
我也有canvas-toBlob.js,但有任何变化
请帮帮我
您可以像这样附加formdata
formData.append('up',blobs,“blobs.jpg”)代码>
第三个参数是您的文件名。如果您想获取旧文件名,请像这样读取您的input type=“file”
值
var yourFileName=$(“#ImageFile”).val().split('\\').pop()
并将追加代码更改为
formData.append('up',blobs,yourFileName)代码>
它经过测试,运行良好