图片裁剪问题

Question

现在想实现一个图片裁剪的功能，找了一个基于cropper.js的插件。目前可以上传裁剪。
问题：弹框有一个表单，表单有按钮<input type=file name="upfile">，然后是通过form.submit()提交的表单，我怎么将裁剪后的图片路径赋值给按钮呢？只有赋值了之后提交表单，才是裁剪后的图片。另外，我通过这个插件裁剪后的图片路径是base64的，怎么转换成 C:fakepath登录.jpg 这样的？ 或者需不需要转换？
插件地址：www.jq22.com/jquery-info18167
具体想实现的是：点击页面上的按钮，弹出一个modal，点击上传按钮，上传图片并剪切，点确定后，通过form.submit提交表单。不是我不想通过ajax，实在是我找不到处理提交数据的方法写在哪里的。所以只能和原来的方式一样提交

<form action="url" >
    <input type="file" name="upfile" />
</form>
<div class="box">
    其他代码和插件里面差不多
</div>

Answer 1

网页上不可能实现本地图片裁剪, 除非用类似 flash的技术, 也不推荐这么做, 猜测 cropper.js 也不是真正的裁剪, 而仅是区域显示和比例缩放而已.
建议上传原始文件, 通过 js得到裁剪参数, 真正的裁剪在服务器端完成

Answer 2

下载看了下源码，这个并非裁剪，只是用位置设置显示部分，达不到你的需求，你可以在他的基础上得到选中区域的坐标，然后自己用canvas裁剪一下才上传就可以了，自己去写 那个框选区域有很多计算要处理