浅析浅析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",
评论0