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以及其他form值。它正在复制特定提到的目录中的文件，但图片为{{1}一个不是original image.actually我需要一个裁剪的图像来保存在相应的目录中。并且它也没有重定向到其他页面。我使用cropped，Ok("submitted")方法，但它没有这样做。

Answer 1

您是否选中了 Picture Cut JQuery插件Github URL。我希望它会有所帮助。这个插件具有裁剪，拖放和其他功能。请看一下。

否则，您可以查看以下link，其中展示了更多此类插件

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

1 个答案: