搜索

首页  >  问答  >  正文

node.js - 如何用node实现上传头像时的预览和裁剪呢?

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

大家讲道理大家讲道理2782 天前582

全部回复(2)我来回复

  • 阿神

    阿神2017-04-17 11:36:06

    纠正一下关于js的错误印象,js是可以读取本地文件,只不过需要用户操作触发而已,比如上传图片时,需要用户点一下那个“选择图片”的按钮。
    具体操作使用HTML5的File API
    详细解释以及demo

    回复
    0
  • 高洛峰

    高洛峰2017-04-17 11:36:06

    上传完成后总有一个外面可以访问的 URL 的,把这个 URL 返回给浏览器,然后浏览器加载这个图片,利用可以剪切图片的 JS 库,用户操作剪切后把 X,Y,W,H 继续传到后台就可以利用后台的图片库进行裁剪了。

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

    回复
    0
  • 取消回复