以下代码采用名为 cropit 的插件提供的 base64 字符串并将其转换为图像。
list($type, $base64) = explode(';', $base64);
list(, $base64) = explode(',', $base64);
$base64 = str_replace("data:image/jpeg;base64,", "", $base64);
$base64 = base64_decode($base64);
file_put_contents($directory, $base64);
我还将提供我的 javascript，它通过使用输入将 base64 发送到 php 函数。我知道问题是由 PHP 引起的，因为当我将 imageData 发送到新窗口时，图像将完美显示，没有任何问题。
$('.export_upload').click(function() {
$("#upload_form_identifier").val("upload_form");
var imageData = $('.image-editor-upload').cropit('export', {
type: 'image/jpeg',
quality: 0.3,
originalSize: true
});
//Set value of hidden input to base64
$("#hidden_base64_upload").val(imageData);
//Pause form submission until input is populated
window.setTimeout(function() {
document.upload_form.submit();
}, 1000);
});
我遇到的问题是，如果我输入图像，它会将其剪裁到随机位置。 PHP 可能会耗尽内存吗？我对 base64 不是很有经验，所以我真的不知道是什么原因造成的。任何帮助都会很棒。
原始图片:
PHP处理base64后:
最佳答案
虽然这不是最好的解决方案，但它对我很有效，而且可能会满足您的需求。我发现的问题是 originalSize: true 这样做会导出图像的裁剪部分而不进行任何压缩，从而导致非常大的 base64。我解决它的方法是将 originalSize 设置为 false，然后将预览调整为我将使用的大小。下面的代码应该可以工作。
$('.export_upload').click(function() {
$("#upload_form_identifier").val("upload_form");
$('.image-editor-upload').cropit('previewSize', {width:1024, height:1024});
var imageData = $('.image-editor-upload').cropit('export', {
type: 'image/jpeg',
quality: .75,
originalSize: false
});
//Set value of hidden input to base64
$("#hidden_base64_upload").val(imageData);
//Pause form submission until input is populated
window.setTimeout(function() {
window.open(imageData);
document.upload_form.submit();
}, 1000);
});
关键是 $('.image-editor-upload').cropit('previewSize', {width:1024, height:1024});。这会在将图像发送到 php 函数之前调整图像大小。唯一真正的问题是，如果用户修改 javascript，他们将能够更改图像的输出大小，但如果您使用 php 验证上传以确保宽度和高度与您匹配，这应该不是问题放在括号内。
我今天想出了一个基本的验证功能。它将根据图像的尺寸是否正确返回 true 或 false。您可以将此应用于设置图像的初始表单，并检查它是否匹配并相应地抛出错误。
/**
* Checks the dimensions of the provided image
* @param string $base64_image Base64 string of the image
* @param string $width Desired width of the image
* @param string $height Desired height of the image
* @return bool True if dimensions match, false if dimensions do not match
*/
public function checkImageDimensions ($base64_image, $width, $height) {
list($type, $base64_image) = explode(';', $base64_image);
list(, $base64_image) = explode(',', $base64_image);
$base64_image = base64_decode($base64_image);
$dimensions = getimagesizefromstring($base64_image);
if ($dimensions[0] == $width && $dimensions[1] == $height) {
return true;
} else if ($dimensions[0] !== $width && $dimensions[1] !== $height) {
return false;
}
}
关于javascript - Base64 裁剪图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36991401/
我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库，所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我正在尝试在Ruby中复制Convert.ToBase64String()行为。这是我的C#代码:varsha1=newSHA1CryptoServiceProvider();varpasswordBytes=Encoding.UTF8.GetBytes("password");varpasswordHash=sha1.ComputeHash(passwordBytes);returnConvert.ToBase64String(passwordHash);//returns"W6ph5Mm5Pz8GgiULbPgzG37mj9g="当我在Ruby中尝试同样的事情时，我得到了相同sha
我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在，我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式？我不这么认为……或者有什么rake任务可以重新生成样式吗？ 最佳答案 参见Thumbnail-Generation.如果rake任务不适合你，你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司
我正在尝试使用Ruby2.0.0和Rails4.0.0提供的API从imgur中提取图像。我已尝试按照Ruby2.0.0文档中列出的各种方式构建http请求，但均无济于事。代码如下:require'net/http'require'net/https'defimgurheaders={"Authorization"=>"Client-ID"+my_client_id}path="/3/gallery/image/#{img_id}.json"uri=URI("https://api.imgur.com"+path)request,data=Net::HTTP::Get.new(path
2022/8/4更新支持加入水印水印必须包含透明图像，并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时，是将这组图像视为MJPG流。我需要转换一组PNG图像到视频，FFMPEG就不认了。pyav内置了ffmpeg库，不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p
有这样的事吗？我想在Ruby程序中使用它。 最佳答案 试试这个http://csl.sublevel3.org/jp2a/此外，Imagemagick可能还有一些东西 关于ruby-是否有将图像文件转换为ASCII艺术的命令行程序或库？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/6510445/
我正在使用Dragonfly在Rails3.1应用程序上处理图像。我正在努力通过url将图像分配给模型。我有一个很好的表格:{:multipart=>true}do|f|%>RemovePicture?Dragonfly的文档指出:Dragonfly提供了一个直接从url分配的访问器:@album.cover_image_url='http://some.url/file.jpg'但是当我在控制台中尝试时:=>#ruby-1.9.2-p290>picture.image_url="http://i.imgur.com/QQiMz.jpg"=>"http://i.imgur.com/QQ
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道，是否可以在某处找到执行以下简单操作的ruby代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby-vips的github页面上的链接，我们将不胜感激!如果有ruby-