Django个人博客搭建教程---使用Element-UI实现文件上传

最新推荐文章于 2023-03-15 11:28:04 发布

请叫我算术嘉

最新推荐文章于 2023-03-15 11:28:04 发布

阅读量2w

点赞数

分类专栏： Vue.js python Django 文章标签： python django elementui

本文链接：https://blog.csdn.net/ssjdoudou/article/details/117172281

版权

python 同时被 3 个专栏收录

119 篇文章 2 订阅

订阅专栏

Django

59 篇文章 3 订阅

订阅专栏

Vue.js

28 篇文章 3 订阅

订阅专栏

Element-UI

<el-upload class="upload-demo" drag="" action="http://127.0.0.1:8000/api/upload/resumes/" multiple="" :limit="3" :show-file-list="false" :on-exceed="handleExceed" :onsuccess="uploadSuccess" :file-list="fileList"> 
<i class="el-icon-upload"></i> 
    <div class="el-upload__text">
    将文件拖到此处，或
    <em>点击上传</em>
    </div> 
    <div class="el-upload__tip" slot="tip">
    只能上传jpg/png/pdf文件，且不超过500kb
    </div> 
</el-upload>

Django

@csrf_exempt
def upload_resumes(request):
    data = {}
    if request.method == "POST":
        form = request.FILES.get("file", None)
        file_obj = models.JiaFile(file_name=form.name, file_url='media/resume/' + form.name, file_status=1)
        file_obj.save()
        destination = open(os.path.join("media/resume", form.name), 'wb')  # 打开特定的文件进行二进制的写操作
        for chunk in form.chunks():  # 分块写入文件
            destination.write(chunk)
        destination.close()
        data['result'] = 'success'
        return HttpResponse(json.dumps(data), content_type='application/json')
    else:
        data['result'] = 'fail'
        return HttpResponse(json.dumps(data), content_type='application/json')