On the mobile side, I pass in the base64 value and save it as jpeg, but when I download it on the phone, it is not an image file, but other files, and it has not been downloaded yet. Why is this?

On the pc side, downloading the picture is no problem. On the mobile side, I pass the base64 value and save it as jpeg, but when I download it on the phone, it is not an image file, but other files, and it has not been downloaded yet. Why is this?

demo:

html2canvas(shareContent, opts).then(function(canvas) {
// canvas.setAttribute("id", "thecanvas");

var context = canvas.getContext("2d");

context.mozImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.msImageSmoothingEnabled = false;
context.imageSmoothingEnabled = false;

var img = Canvas2Image.convertToJPEG(
canvas,
canvas.width,
canvas.height
);

// var detail = document.getElementsByName(".wrap");
var detail = document.querySelector(".png-content");
detail.appendChild(img);

$(img)
.css({
width: canvas.width / 2 + "px",
height: canvas.height / 2 + "px"
})
.addClass("f-full");

canvas.toBlob(function(blob) {
saveAs(blob, "pretty image.jpeg");
});