当用户上传图像时,它存储在项目目录中的media
文件夹中。问题是,当他们想在网站上看到它时,nginx对超过3mb的图像返回403 Forbidden
错误。在
我将nginx.conf
client_max_body_size
设置为8M
http {
##
# Basic Settings
##
client_max_body_size 8M;
...
并且已经在settings.py
中更改了内存大小:
当我上载低于3 MB的图像时,没有问题,如果我上载的图像超过3 MB,我可以在media
文件夹中看到它,但会引发错误而不是提供图像:
GET https://example.com/media/images/dom.jpg 403 (Forbidden)
我注意到小于3 MB的文件有不同的权限:
-rw-r--r-- 1 django www-data 4962 Jul 19 19:51 61682_3995232_IMG_01_0000.jpg.150x84_q85_crop.jpg
-rw-r--r-- 1 django www-data 1358541 Jul 20 09:32 byt.jpg
-rw------- 1 django www-data 3352841 Jul 20 09:32 dom.jpg
-rw-r--r-- 1 django www-data 5478 Jul 19 20:10 downloasd.jpeg.150x84_q85_crop.jpg
-rw-r--r-- 1 django www-data 3225 Jul 9 22:53 images.jpeg.100x56_q85_crop.jpg
-rw-r--r-- 1 django www-data 6132 Jul 19 20:00 NorthYorkHouse2.JPG.150x84_q85_crop.jpg
你知道问题出在哪里吗?在
编辑:
查看
class NehnutelnostUploadImagesView(LoginRequiredMixin, ExclusiveMaklerDetailView, DetailView):
template_name = "nehnutelnosti/nehnutelnost_image_upload.html"
model = Nehnutelnost
def post(self, request, *args, **kwargs):
self.object = self.get_object()
form = ImageUploadForm(self.request.POST, self.request.FILES, nehnutelnost=self.object)
if form.is_valid():
nehnutelnost_image = form.save()
images_count = self.object.images.count()
data = {'is_valid': True, 'row_html': image_row_renderer(nehnutelnost_image, self.request),
'name': nehnutelnost_image.image.name, 'url': nehnutelnost_image.image.url,}
else:
images_count = self.object.images.count()
data = {'is_valid': False, 'errors': form.errors, 'images_count': images_count}
return JsonResponse(data)
def get_context_data(self, **kwargs):
context = super(NehnutelnostUploadImagesView, self).get_context_data(**kwargs)
context['images'] = self.object.images.all()
context['podorys'] = self.object.podorys
return context
我们使用https://github.com/blueimp/jQuery-File-Upload插件上传图片。在
$(function () {
$(".js-upload-photos").click(function () {
$("#fileupload").click();
});
$("#fileupload").fileupload({
dataType: 'json',
sequentialUploads: true, /* 1. SEND THE FILES ONE BY ONE */
start: function (e) { /* 2. WHEN THE UPLOADING PROCESS STARTS, SHOW THE MODAL */
$(".modal").modal().show();
},
stop: function (e) { /* 3. WHEN THE UPLOADING PROCESS FINALIZE, HIDE THE MODAL */
$(".modal").modal().hide();
$(".modal-backdrop").hide();
},
{# TODO Chrome bug?#}
progressall: function (e, data) { /* 4. UPDATE THE PROGRESS BAR */
var progress = parseInt(data.loaded / data.total * 100, 10);
var strProgress = progress + "%";
$(".progress-bar").css({"width": strProgress});
$(".progress-bar").text(strProgress);
},
done: function (e, data) {
if (data.result.is_valid) {
$(".gridly").prepend(
data.result.row_html
)
}
var message = data.result.message;
addMessage('success', message);
var errors = data.result.errors;
if (errors) {
$.each(errors, function (fieldname, error_messages) {
$.each(error_messages, function (_, message) {
addMessage('danger', message);
})
})
}
var images_count_span = $('#images_count');
var images_count = data.result.images_count;
images_count_span.text(' - ' + images_count);
makegrid();
}
});
从documentation:
更具体地说,这意味着较小的文件使用MemoryFileUploadHandler,而较大的文件使用TemporaryFileUploadHandler。后者使用
tempfile
创建一个只有用户访问权限的临时文件。在在完成了所有表单和模型验证以及所有操作之后,实际的保存是通过
FileSystemStorage._save
方法执行的。此时,该文件仍然是TemporaryUploadedFile
或InMemoryUploadedFile
,具体取决于其大小。在现在,临时上载的文件是一个实际的文件,由
tempfile
创建,只具有用户权限。在save方法做了一件聪明的事情:如果给了一个临时文件(即
if hasattr(content, 'temporary_file_path')
),它会移动它而不是复制它。这意味着它只保留用户权限,www-data
无法读取。在这个问题在InMemoryUploadedFile中没有出现,它只会使用进程拥有的任何默认权限(在您的例子中,对用户和组都是读/写)。在
如何修复?
如果请求,存储对象可以设置权限。对于默认的存储对象,可以使用^{} 进行设置。在这里
…应该会成功的。在
(django用户为R/W,nginx为只读)
相关问题 更多 >
编程相关推荐