带有JQuery的照片拼贴

Question

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

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

非常感谢你的帮助。

Answer 1

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

1. 客户端:用图片和文档拖放效果
2. 在服务器上:上传该文件(可能使用AJAX )。查看这个插件)

对于客户端部分，可以使用jQuery UI可下垂。

一旦文件被删除(使用可下垂事件)，您可以上传该文件。代码示例：

$( ".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，您可以用它开发一个应用程序。