簡體   English   中英

裁剪圖像-最佳方法

[英]Cropping image - best way to do it

到目前為止,我們已經將簡單的圖像上傳到node.js服務器,然后再上傳到S3存儲桶。 我們只檢查了類型和文件大小。 我需要在客戶端實施裁剪。 經過大量研究和閱讀,看來這是選擇:

  1. Nodee.js方面,我將使用imagemagick
  2. 客戶端我將使用Jcrop

想法如下:1.用戶將未裁剪的圖像發送到服務器,然后將其上傳到Amazon S3 2.將圖像上傳到S3(也許將臨時圖像保存到服務器)后,其鏈接將發送到用戶端,而Jcrop將在該圖像上激活。3.用戶將裁剪圖像並將裁剪信息發送到服務器,服務器隨后將使用該信息並將其提供給imagemagick4。image magick將調整圖像大小5.將圖像上傳到S3和用戶將收到另一個帶有調整大小圖像的鏈接

我在這里有幾個問題。 我敢肯定有人做過,我很感謝您的經歷。

答:這種策略可以嗎? 我在服務器,客戶端和S3之間路由。 如果有改進的地方,請說:) B.我將把裁剪數據發送到imagemagick。 並且Image magick將在同一張圖像上執行裁剪操作。

這樣可以嗎? 有任何示例代碼要檢查嗎?

如果您還需要支持較舊的瀏覽器,那么您的建議是一個很好的解決方案。 否則,它可能是多余的。

如果您不介意排除較舊的瀏覽器(包括IE 8及更低版本),則可以使用HTML5和canvas元素直接在客戶端中調整大小和裁剪圖像。
與此相關的主題很多,例如: 在上傳之前在瀏覽器中裁剪圖像

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM