node.js - 如何用node实现上传头像时的预览和裁剪呢?
大家讲道理
大家讲道理 2017-04-17 11:34:06
0
2
575

如题,我想实现一个上传头像的效果,大多数网站那样的效果,选择完一张图片后可以先预览,并且适当调整,满意了再进行上传修改,但是貌似由于安全问题,js是不允许直接打开本地文件的,所以要想实现预览的效果这就要先把图片上传到服务端,再从服务端传回来。但是个过程要用什么方法实现呢?我用表单把图片传到服务端后就不知道该怎么再传回去了。。。

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(2)
阿神

修正一下關於js的錯誤印象,js是可以讀取本地文件,只不過需要用戶操作觸發而已,比如上傳圖片時,需要用戶點一下那個「選擇圖片」的按鈕。
具體操作使用HTML5的File API
詳細解釋以及demo

小葫芦

上傳完成後總有一個外面可以訪問的URL 的,把這個URL 返回給瀏覽器,然後瀏覽器加載這個圖片,利用可以剪切圖片的JS 庫,用戶操作剪切後把X,Y, W,H 繼續傳到後台就可以利用後台的圖片庫進行裁剪了。

相關推薦:
http://deepliquid.com/content/Jcrop.html
https://www.npmjs.com/package/gm

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板