使用 Ajax 在 Ruby on Rails 中保存图像
save image with ajax in ruby on rails
我不知道如何在 AJAX 中使用 Ruby 在轨道上保存图像,这是我在 github 中的存储库,github.com/luis77/EdiTor22 请将其检查出来,我已经尝试了 2 天,但我不知道出了什么问题。例如,检查视图附件/new 以下是带有 ajax 代码的 javascript 中的代码:
<script>
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 70;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 5;
context.strokeStyle = '#003300';
context.stroke();
document.body.appendChild(canvas)
var dataURL = canvas.toDataURL('image/png');
// Convert dataURL to Blob object
function dataURLtoBlob(dataURL) {
// Decode the dataURL
var binary = atob(dataURL.split(',')[1]);
// Create 8-bit unsigned array
var array = [];
for(var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
// Return our Blob object
return new Blob([new Uint8Array(array)], {type: 'image/png'});
}
// Get our file
var file= dataURLtoBlob(dataURL);
// Create new form data
var fd = new FormData();
// Append our Canvas image file to the form data
fd.append("image", file);
// And send it
$.ajax({
url: "/attachments/change2",
type: "POST",
data: fd,
processData: false,
contentType: false,
});
</script>
它在路由中指定:
post "attachments/change2"
以及控制器中的方法,
但不会保存,我需要此代码的帮助,请帮忙。
假设你的JavaScript代码是正确的,并且帖子数据正确地进入服务器,我可能会使用CarrierWave或PaperClip之类的东西来处理你的文件上传。
相关文章:
- 有没有一个javascript库能够修改和保存图像
- 如何使用html / angularjs保存图像文件
- 上传图像,重新定位,保存图像
- 使用JavaScript在分析中保存图像
- 从图像URL javascript html保存图像文件
- 从画布保存图像时缺少扩展名
- 如何用我在HTML5画布上绘制的src保存图像文件
- 使用 canvas.toDataURL() 解码和保存图像
- 如何旋转图像并保存图像
- 在 Javascript 中保存图像
- jQuery 保存图像点击
- 保存图像 src 的功能不起作用
- 禁用移动设备中的默认保存图像选项
- 使用 PHP 和 JavaScript 在黑莓中下载和保存图像
- 从 Base64 字符串保存图像不会打开
- 使用 Ajax 在 Ruby on Rails 中保存图像
- 如何从加载中保存图像宽度和高度
- 使用 js 保存图像
- 在操作方法中保存图像,然后将 URL 返回给客户端
- 使用图像URL和PHP从远程服务器上传/下载/保存图像到本地服务器