利用django表单上传图片到服务器上

最新推荐文章于 2024-02-26 21:09:21 发布

lu_sunshine1234

最新推荐文章于 2024-02-26 21:09:21 发布

阅读量610

点赞数 1

本文链接：https://blog.csdn.net/lu_sunshine1234/article/details/99310742

版权

参加网址https://blog.csdn.net/weixin_33829657/article/details/87011485

只是upload_temp.html的内容，我新增加了显示上传的图片的功能，

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发票识别</title>
    <script type="text/javascript">
    function previewFile() {
    var preview = document.querySelector('img');
    var file  = document.querySelector('input[type=file]').files[0];
    var reader = new FileReader();
    reader.onloadend = function () {
    preview.src = reader.result;}
    if (file) {reader.readAsDataURL(file);}
    else {preview.src = "";}}
</script>
</head>
<body>

<form action="/upload/" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" οnchange="previewFile()" name="upload_form"><br>
    <img src="" height="400"  width="600" alt="Image preview..."/>
    <input type="submit" value="上传" />
</form>

<p>{{ rlt }}</p>
</body>
</html>