希望同时上传多个图像文件,有或没有预览都可以。只需要一种简单无忧的方式即可在服务器上投放大量图像,而无需浏览每个图像,因此拖放输入字段将是理想的。在保存提交之前进行裁剪等任何额外内容都将是一个奖励。
此外,如果在保存/提交之前使用预览,是否可以使用 javascript 生成预览缩略图,而无需先将图像发送到服务器以调整大小?因此,在屏幕上抛出多个图像,在不向服务器发出 ajax 调用的情况下获得它们的预览,并且只有在按下保存后所有这些图像都会开始上传?
希望同时上传多个图像文件,有或没有预览都可以。只需要一种简单无忧的方式即可在服务器上投放大量图像,而无需浏览每个图像,因此拖放输入字段将是理想的。在保存提交之前进行裁剪等任何额外内容都将是一个奖励。
此外,如果在保存/提交之前使用预览,是否可以使用 javascript 生成预览缩略图,而无需先将图像发送到服务器以调整大小?因此,在屏幕上抛出多个图像,在不向服务器发出 ajax 调用的情况下获得它们的预览,并且只有在按下保存后所有这些图像都会开始上传?
you can use HTML5 FILE API to get the preview of images to be uploaded using javascript.
And you can select multiple images at once before uploading.
Hope this helps.
我的一位同事早些时候写了一篇关于此基础的文章: