220-jquery,将base64的图片,转为file文件,并通过$.ajax上传
  zLwy6mYxHxmB 2023年11月21日 26 0
var base64 = '';
const blob = dataURLToBlob(base64);
  const file = blobToFile(blob, 'image.jpg');

  uploadImage(file);
  
  
function dataURLToBlob(base64) {
  const parts = dataURL.split(';base64,');
  const contentType = parts[0].split(':')[1];
  const byteCharacters = atob(parts[1]);
  const byteArrays = [];

  for (let i = 0; i < byteCharacters.length; i++) {
    byteArrays.push(byteCharacters.charCodeAt(i));
  }

  return new Blob([new Uint8Array(byteArrays)], { type: contentType });
}

function blobToFile(blob, fileName) {
  return new File([blob], fileName, { type: blob.type });
}
function uploadImage(file) {
            var formData = new FormData();
            formData.append("picFile", file);
            // 发送 AJAX 请求上传文件
            $.ajax({
                url: "/upload/img-upload-local", //
                type: "POST",
                async:false,
                data: formData,
                processData: false,
                contentType: false,
                success: function(res) {
                    $(".div1").hide();
                    $(".div2").hide();
                    $("#showImg").attr("src",res.url)
                    $(".imgDiv").show();
                    closeCamera();

                },
                error: function() {
                    alert("上传失败");
                }
            });
        }
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月21日 0

暂无评论

推荐阅读
  anLrwkgbyYZS   2023年12月30日   29   0   0 ideciciMaxideMax
zLwy6mYxHxmB