小编Zig*_*612的帖子

我想将裁剪后的图像上传到服务器。为此，我在裁剪的画布图像中使用 jQuery Jcrop lib，然后转换为完美运行的 blob，但问题是服务器上的文件名只是 blob，没有任何扩展名或未定义的类型。

当我在网页上的 img Sec 中使用它时，它运行良好。

  <script>
    function uploadPhoto(thisVar) {
        if($("#profilePic").val() == "")
        { 
           alert('Please attach a image.');
           return false;
        }
        else
        {
            var formData = new FormData();
            //formData.append("profilePic", $('#profilePic').prop('files')[0])

            var blob = dataURLtoBlob(canvas.toDataURL('image/png')); 

            formData.append("profilePic", blob);

            $.ajax({
              url:"/imageUpload.jsp",
              type: "POST",
              data: formData,
              contentType:false,
              cache: false,
              processData:false,
            }).done(function(data){ 
                data = $.trim(data);
                data = JSON.parse(data);
                if(data.status == 'OK'){
                    alert("Profile pic uploaded successfully.");
                    $('.imagefldforpar img').attr('src',data.imgPath);
                }else{
                    alert("Profile pic not uploaded.");
                }
                console.log(data);
                $('#uploadPhoto').modal('hide');
            }); 
        }
    }
</script>

<link href="/css/jquery.Jcrop.min.css" …