0
A
回答
0
上傳完成後,您需要顯示的圖像,你可以使用JavaScript和jQuery秀成像後這意味着,我已在示例項目做到了這一點像下面這樣
function showThumbnail(files){
for(var i=0;i< files.length;i++){
var file = files[i];
var imageType = /image.*/
if(!file.type.match(imageType)){
alert("Not an image");
}
var image = document.createElement("img");
var thumbnail = document.getElementById("thumbnail");
image.file = file;
if(file.type.match(imageType)) {
if((thumbnail.hasChildNodes() == true)){
thumbnail.removeChild(thumbnail.firstChild);
thumbnail.appendChild(image);
}else
{
thumbnail.appendChild(image);
}
}
var reader = new FileReader()
reader.onload = (function(aImg){
return function(e){
aImg.src = e.target.result;
};
}(image))
var ret = reader.readAsDataURL(file);
var canvas = document.createElement("canvas");
ctx = canvas.getContext("2d");
image.onload= function(){
ctx.drawImage(image,75,75);
$(".uploadedPhoto").addClass('whiteBG');
$(".uploadtxt").html(file.name);
}
}
}
+0
不是很Railsy。這可能是一個很好的答案,但我希望有一個服務器端解決方案。我現在意識到這可能是不可能的,而javascript解決方案是唯一可以做我想做的事情的方法。 我有一個服務器端解決方案,新文件被保存,但這不是我要求做的。如果有人告訴我它有效,我會接受這個答案。 –
相關問題
- 1. Rails:上傳後訪問圖像文件
- 2. 使用Javascript/AngularJS上傳圖像大小調整後的圖像
- 3. Symfony2 - 上傳後調整圖像大小
- 4. 上傳後調整圖像大小!
- 5. C# - 上傳後調整圖像大小
- 6. Rails Carrierwave Base64圖像上傳
- 7. Rails上傳圖像到Cloudinary
- 8. 圖像上傳小部件,調整圖像大小然後上傳
- 9. 使用Rails上傳和顯示圖像
- 10. Rails使用Carrierwave上傳多個圖像
- 11. 圖像上傳後圖像大小調整php內存限制
- 12. 調整圖像上傳php
- 13. 上傳調整圖像S3
- 14. 用Ajax上傳修改後的圖像
- 15. 使用php調整上傳的圖像
- 16. 使用LiipImagineBundle上傳後調整圖像大小?
- 17. PHP捲曲後調用上傳其他屬性的圖像
- 18. Rails多圖像上傳(回形針,carrerwave)
- 19. Rails + javascript - 上傳前的圖像預覽
- 20. Rails將不會上傳css圖像
- 21. Rails:如何顯示上傳的圖像
- 22. Rails - 在上傳到s3之前調整圖像的大小
- 23. 客戶端調整大小後的圖像上傳:cloudinary
- 24. 如何在上傳後調整圖像大小
- 25. 上傳圖像
- 26. 上傳圖像
- 27. 上傳圖像
- 28. 上傳圖像
- 29. 上傳圖像
- 30. 上傳圖像
你可以添加不同的方法,使你」 d想呈現圖像? –
我想根據url中的參數向圖片添加一些文字。具體來說,有一個禮券,我想印有一個值和一個驗證碼。 我有一個解決方案,但它每次都保存圖像文件。這是你所期望的,因爲我從視圖中調用了一個輔助方法(在image_tag的路徑參數中),它執行一些圖像處理,保存文件並將路徑返回到保存的文件。 –