播放scala浏览图像然后裁剪并提交到表单中

Question

在My Play Framework Scala项目中,我想在表单提交上传图像,为此我使用了以下代码

form.scala.html

    @form(routes.Users.register(),'enctype -> "multipart/form-data") {
 @inputFile(field = algorithmForm("profileimage"), '_label -> "User Icon")
       <input type="submit" value="Add user" >
}

Users.scala

 request.body.file("profileimage").map { picture =>
        import java.io.File
        val filename = picture.filename
        val contentType = picture.contentType

        picture.ref.moveTo(new File("D:\\User\\"+filename))   
        Ok("file created")
      }.getOrElse {
        Redirect(routes.Application.index).flashing(
          "error" -> "Missing file")
      }

我真正需要的是什么

需要在view页面中显示所选图像然后cropping在该图像中执行操作,在表单上submit需要将裁剪后的图像上传到指定位置.所以我使用了https://github.com/andyvr/picEdit这个插件我做了所有那些人认为使用这个,plugin但不幸的是我无法提交它不起作用的表格.所以请提出任何plugin有这个提到的功能以及提交选项启用.

编辑

我有cropped和submitted的image其他formvalues.It正在复制中特别提到的目录中的文件,但图像是original一个不croppedimage.actually我需要裁剪图像中对应的目录保存.而且它不重定向到使用其他pages.I Ok("submitted"),Redirect()方法,但它没有做到这一点.

Answer 1

你检查过Picture Cut JQuery 插件Github URL吗？我希望这会有所帮助。该插件具有裁剪、拖放等功能。请看一下。

否则，您可以检查以下链接，其中展示了更多此类插件