使用base64编码文本而不是multipart / form-data上传文件 - 好主意？

Question

我目前有一个动态数量的表格的django formset。 每个表单都有一个文件字段。

虽然这有效，但我需要一种方法来允许一次选择多个文件。 我可以使用input type='file' multiple='multiple'来做到这一点，我可以使用FileReader读取文件数据。 但是如何将这些文件传递给django formset而不是form-0-file ， form-1-file等？

我可以想到一种方法 - 用TextField替换FileField ，并将base64编码的文件作为文本传递，但我不确定它是否是一个很好的解决方案。

Answer 1

只需使用多个属性并使用FILES获取所有上传的文件。

base64编码可能无济于事

Answer 2

使用multiple='multiple'与formset或single form无关。 它将与django本地工作。 因此，如果您计划使用单个表单而不是formset，只需输入multiple属性，然后访问request.FILES即可获取所有上传的文件。

Answer 3

你应该将图像存储为文件， （这里有一些很好的答案） ，

我已经尝试存储这种方式的图像，但它有很多问题：

1. 每次进入该页面时，它都会再次开始加载图像，并且人们不希望每次都加载相同的图像。

2. 它会占用大量带宽。

3. 如果您使用免费的网络托管服务，将在几个小时内或在您存储50张图片时花费所有带宽，这意味着您的网站将在整个月内出现，即​​使是提供无限托管服务的服务带宽，强制每月带宽。

Answer 4

我最近遇到了一个问题，我必须实现一个解决方案，用户可以上传文档，将文件流传输到服务器，而不存储在服务器上，将流发布到SOAP服务器。

我实现它的方式如下：

我想通过AJAX上传文件，以便我显示上传的进度。

这是我的解决方案（请注意，这一次只能满足一个文件 - 但它可能是一个起点。）

JavaScript的：

首先声明FormData的对象 - 这将用于发送任何其他信息以及文件：

var formData = new FormData();

然后将您要发送到服务器的所有数据附加到：

formData.append("documentDescription", $("#documentDescription textarea").val());
formData.append("afile", file.files[0]);

现在创建一个XMLHttpRequest的新实例：

var xhr = new XMLHttpRequest();

这是使一切正常工作的其余代码：

xhr.open("POST", "UploadDocumentURL", true);
xhr.upload.onprogress = function(e) {
                if (e.lengthComputable) {
                            var percentComplete = (e.loaded / e.total) * 100;
                            $('.progress .bar').css('width', percentComplete + '%').attr('aria-valuenow', percentComplete);
                        }
                    }

xhr.onload = function() {
                        if (this.status == 200) {
                            var resp = JSON.parse(this.response);
                            if (resp.type === "error") {
                                notify.add(resp.type, "Error", resp.message, 3000, true);
                            } else {
                                notify.add(resp.type, "Success", resp.message, 3000);
                            }
                        }
                        ;
                    };

xhr.send(formData);

PHP

$documentName = $_POST["documentDescription"];
$fileName = $_FILES['afile']['name'];
$fileType = $_FILES['afile']['type'];
$ext = pathinfo($fileName, PATHINFO_EXTENSION);
$fileName = pathinfo($fileName, PATHINFO_FILENAME);
$fileContent = file_get_contents($_FILES['afile']['tmp_name']);

您现在将在服务器上拥有二进制数据。

您应该能够通过循环遍历JavaScript中的file.files[0]来使这个工作适用于多个文件。

希望你能将这个应用到你的问题中。