使用Laravel 5.2,我正在编写一个上传表单,允许用户选择最多10个图片,显示他们的预览,然后让他对其进行排序,添加更多的图片,或者删除那些他不想上传的图片。
使用javascript可以很容易地完成预览的排序和删除,但除此之外,我很难找到如何正确地完成剩下的工作。我最初的想法是从输入中获取js文件数组,将其移动到另一个数组,并在用户与图像预览交互时使用该数组,图像预览将使用FileReader显示。
一旦他提交表单,我将创建一个FormData对象,删除输入中的当前文件,并添加所有有效的文件:
var formdata = new FormData(document.getElemen
客户端可以在上传之前预览,但上传后无法将其视为本地语言文件名。
所以我想在上传图片之前重命名文件名,因为它可以在上传之前和之后预览。
参考
How to provide alternative file names:
The name property of File objects is read only, but an alternative name can be provided as uploadName property for each individual file:
$('#fileupload').fileupload({
add: fun
Context:我正在构建一个站点,用户在其中上传图像,作为列出项目的过程的一部分。我想给他们展示上传表单中图片的预览,因为它既美观又能帮助用户上传和描述他们的项目。
问题:为了显示图像的预览,由于浏览器的沙箱,我需要将其上传到服务器(除非提交文件输入表单,否则无法将图像数据输入到JS中)。但是,我们根据用户输入的数据使用标识符来存储图像,以保持它们的组织性(在我们的示例中,我们对名称进行了清理,并将其用作文件名,放在/useruploads/ user _id文件夹中)。
虽然我可以更改文件的命名方案以消除用户输入(即sha1文件)的依赖性,但上传到s3并调整图像大小是一项昂贵的操作,我不想
我正在做图像上传,我必须在上传之前预览图像(就像在twitter.com上实现显示图片一样)
我写了一些JS代码,它在chrome和Firefox上运行良好,但不能在IE(8或9)上运行。
function PreviewImg(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#previmg