与JQuery的照片拼贴画

Question

我想开发一个类似于http://www.fotor.com/features/collage.html和JQuery的照片拼贴

已编辑：我已搜索了好几天。 Fotor Collage使用Flash。我还尝试了一些表单构建器http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/。我根据需要修改了这些，并将表单导出到XML文件以供以后在另一个文件中使用。该应用目前仅支持典型的html元素作为文本。我仍然需要添加照片和电影。

非常感谢你的帮助。

Answer 1

首先，你试图做两件不同的事情：

客户端上的
1. ：使用图片和文档拖放效果
2. 在SERVER上：上传该文件（可能使用AJAX。请查看this plugin）

对于CLIENT部分，您可以使用jQuery UI droppable。

删除文件后（使用droppable events），您可以上传该文件。代码示例：

$( ".selector" ).droppable({
  drop: function( event, ui ) { alert("here i can upload my file"); }
});

这是开始编码的示例：http://jqueryui.com/droppable/#photo-manager。

Answer 2

使用HTML5画布，您可以在网站上轻松开发照片拼贴制作工具。与FotoJet一样，它是基于reactjs / jquery和bootstrap等开发的。

最受欢迎的图书馆是FabricJS，你可以用它开发你的应用程序。