Javascript 将数据URL保存到jpg

我有以下代码将图像文件（jpg/png）转换为数据url。裁剪完成后，我可以生成渲染图像，但它保存为png。我需要能够将数据url保存为jpg

renderButton.click(function (event) {
var dataUrl;

imgly.renderToDataURL("png", { size: "1280" }, function (err, dataUrl) {

var image = $("<img><br>").attr({
    src: dataUrl
  });

  image.appendTo($(".result"))
  $button = $('<button class="btn btn-default remove">')
        .text('Remove')
        .on('click', function () {
            image.remove();
            $(this).remove();
            return false;
        });
    $button.appendTo($(".result"));;

    });
});

renderButton.点击（函数（事件）{
var-dataUrl；
renderToDataURL（“png”，{size:“1280”}，函数（err，dataUrl）{
变量图像=$（“'））
.text（'删除'）
.on（'单击'，函数（）{
image.remove（）；
$（this.remove（）；
返回false；
});
$button.appendTo（$（“.result”）；；
});
});

在renderToDataURL行中将

“png”

更改为

“jpg”

没有影响。有什么想法吗？

将您的呼叫更改为

imgly.renderToDataURL("image/jpeg", { size: "1280" }, function (err, dataUrl)

如何读取源代码

renderToDataURL: (format, options={}, callback) ->
    if typeof options is "function"
      callback = options
      options = {}

@photoProcessor.renderImage options, (err, imageData) =>
      canvas = Utils.newCanvasFromImageData imageData
      callback null, canvas.toDataURL(format)

其中，

format

是图像格式，

canvas.toDataURL（format）

负责数据转换

问题在于MIME类型，即如何从

使用一个或多个参数调用toDataURL（type）方法时， 它必须返回一个data:URL，其中包含图像的表示形式 由类型给定的格式。可能的值是没有 参数，例如image/png、image/jpeg，甚至可能 image/svg+xml，如果实现实际上保留了足够的信息 从画布可靠地渲染SVG图像

编辑

renderButton.click(function (event) {
var dataUrl;

imgly.renderToDataURL("image/jpeg", { size: "1280" }, function (err, dataUrl) {

var image = $("<img><br>").attr({
    src: dataUrl
  });

  image.appendTo($(".result"))
  $button = $('<button class="btn btn-default remove">')
        .text('Remove')
        .on('click', function () {
            image.remove();
            $(this).remove();
            return false;
        });
    $button.appendTo($(".result"));;

    });
});

renderButton.点击（函数（事件）{
var-dataUrl；
renderToDataURL（“image/jpeg”，{size:“1280”}，函数（err，dataUrl）{
变量图像=$（“'））
.text（'删除'）
.on（'单击'，函数（）{
image.remove（）；
$（this.remove（）；
返回false；
});
$button.appendTo（$（“.result”）；；
});
});

---

正如我在下面的代码中所说的那样，这应该是有效的，做出这样的更改没有任何影响。所以我应该用代码替换我的行

imgly.renderToDataURL（“image/jpeg”，“size:”1280“}，function（err，dataUrl）

。@Matt你应该把“image/jpeg”而不是jpg作为第一个参数，因为“jpg”不是有效的mime类型可能我缺少一些内容。我已将代码替换为

imgly.renderToDataURL（image/jpg，options={}，callback）{if（typeof options='function'）{callback=options={}}；imgly.renderImageoptions，（err，imageData）{canvas=Utils.newCanvasFromImageData imageData回调null，canvas.toDataURL（format）}；

这不仅不起作用，而且还破坏了我的代码。谢谢@wintermute。有趣的是，我所缺少的只是

“image/

”