如题，我想实现一个上传头像的效果，大多数网站那样的效果，选择完一张图片后可以先预览，并且适当调整，满意了再进行上传修改，但是貌似由于安全问题，js是不允许直接打开本地文件的，所以要想实现预览的效果这就要先把图片上传到服务端，再从服务端传回来。但是个过程要用什么方法实现呢？我用表单把图片传到服务端后就不知道该怎么再传回去了。。。
光阴似箭催人老，日月如移越少年。
纠正一下关于js的错误印象，js是可以读取本地文件，只不过需要用户操作触发而已，比如上传图片时，需要用户点一下那个“选择图片”的按钮。 具体操作使用HTML5的File API详细解释以及demo
上传完成后总有一个外面可以访问的 URL 的，把这个 URL 返回给浏览器，然后浏览器加载这个图片，利用可以剪切图片的 JS 库，用户操作剪切后把 X,Y,W,H 继续传到后台就可以利用后台的图片库进行裁剪了。
相关推荐：http://deepliquid.com/content/Jcrop.htmlhttps://www.npmjs.com/package/gm
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
纠正一下关于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