浅析Django接收所有文件,前端展示文件（包括视频，文件，图片）ajax请求_django前端文件放哪资源-CSDN文库

接收所有文件

88 浏览量 2020-09-17 18:09:32 上传评论收藏 44KB PDF 举报

资源推荐

资源详情

资源评论

浅析浅析Django 接收所有文件接收所有文件,前端展示文件（包括视频，文件，前端展示文件（包括视频，文件，

图片）图片）ajax请求请求

主要介绍了Django 接收所有文件,前端展示文件（包括视频，文件，图片）ajax请求,本文通过实例代码给大家介

绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值 ,需要的朋友可以参考下

如果是后台上传文件:

setting配置：

STATIC_URL = '/static/'

STATICFILES_DIRS = [

os.path.join(BASE_DIR, 'static'),

os.path.join(BASE_DIR, "media"),

]

# Django用户上传的都叫media文件

MEDIA_URL = "/media/"

# media配置，用户上传的文件都默认放在这个文件夹下

MEDIA_ROOT = os.path.join(BASE_DIR, "media")

model的配置：

img = models.FileField(upload_to="img/",verbose_name="图片")

接收任何文件的前端代码：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<form method="post" action="/upload/" enctype="multipart/form-data" target="ifm1">

<input type="file" name="file" id="file"/>

<input type="button" value="提交" onclick="upload()"/>

</form>

<br>

<br>

<br>

<br>

<div>显示图片

<img id="images">

</div>

<br>

<br>

<br>

<br>

<div>显示路径

<a href="" id=" rel="external nofollow" imagess">链接</a>

</div>

</div>

<br>

<br>

<br>

<br>

<div>

{# href="/static/img/TC代码.txt" rel="external nofollow" #}

<a id="up"> 下载文件</a>

</div>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

<script>

function upload() {

var formData = new FormData();

var file = document.getElementById('file').files[0];

formData.append("file", file);

$.ajax({

url: "upload/",

type: "post",

data: formData,

dataType: "json",

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

weixin_38712548

粉丝: 5
资源: 883

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip