在继续阅读之前,请相信我,我已经阅读了有关此主题的所有其他帖子,但没有一个对您有帮助。
我正在尝试向我的网站添加图像上传功能。我想上传图片
通过 ajax 帖子。我无法让这个工作。
这是我所拥有的:
HTML - 我有一个特殊的设置,以便显示图像而不是愚蠢的按钮
和文本字段。当我选择图像后点击“确定”时,我还使用 onChange 事件自动提交。
<form id="add-picture-form" method="POST" action="/api/upload_image/" enctype="multipart/form-data">{% csrf_token %}
<div class="thumbnails" style="width:400px;">
<label class="cabinet BrandHeader">
<input type="file" class="file" id="upload-photo" onChange="$('#add-picture-form').submit();" />
</label>
</div>
</form>
Jquery:
$('#add-picture-form').submit(function() {
//var filename = $("#upload-photo").val();
var photo = document.getElementById("upload-photo");
var file = photo.files[0];
$.ajax({
type: "POST",
url: "/api/upload_image/",
enctype: 'multipart/form-data',
data: {'file': file.getAsBinary(), 'fname' : file.fileName },
success: function(){
alert( "Data Uploaded: ");
}
});
return false;
});
最后,当您发布到 /api/upload_image/ 时,我的 django 视图会被点击
def ajax_upload( request ):
print request.POST
print request.FILES
return http.HttpResponse(simplejson.dumps([True]), mimetype='application/javascript')
我尝试将图像写入二进制文件,但无法打开已写入的数据。
为什么使用 javascript 上传图像如此困难?我是个白痴,只是不使用简单的解决方案?如果是这样,请告诉我在 Django 中使用 jQuery 上传图像的最佳方法是什么。