4

在将图像上传到服务器之前，我正在尝试调整文件上传中的图像大小。我找到了一个不错的插件，它返回更新图像的 blob，但是我找不到如何将 blob 分配回上传使用的文件对象。

blob 看起来像：data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQAB .....

        var file = e.target.files[0];
        canvasResize(file, {
            width: 300,
            height: 0,
            crop: false,
            quality: 80,
            //rotate: 90,
            callback: function (data, width, height) {
                // How to assign the data blob back to the file?
                //$(file).attr('src', data);

             // THEN submit with the smaller photo   
             $('#PhotoForm').ajaxSubmit(options);
            }
        });

谢谢！

4

2 回答 2

0

如果您仍然坚持使用 canvasResize，那么还有很多其他的图像处理库。我以前使用过 Pixastic 效果很好，尽管它的开销比 canvasResize 大。不过，它有更好的文档记录。

于 2013-03-21T16:30:23.120 回答
0

我最终只是将 blob 添加到表单中的隐藏字段并提交。将其保存为 C# 中的图像是通过以下方式完成的：

        var regex = new Regex(@"data:(?<mime>[\w/]+);(?<encoding>\w+),(?<data>.*)", RegexOptions.Compiled);
        var match = regex.Match(input.ImageBlob);
        var mime = match.Groups["mime"].Value;
        var encoding = match.Groups["encoding"].Value;
        var data = match.Groups["data"].Value;
        byte[] imagedata = Convert.FromBase64String(data);

        Image img = byteArrayToImage(imagedata);

        img.Save("someimagename.jpg");
于 2013-03-21T19:20:53.413 回答