Huploadify 插件实现异步上传图片

最新推荐文章于 2024-03-28 09:39:03 发布

苏建康

最新推荐文章于 2024-03-28 09:39:03 发布

阅读量823

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/SJK__/article/details/89316160

版权

本文介绍了如何利用Huploadify插件进行异步图片上传。首先，需要引入Huploadify的CSS和JS文件，如果缺少这些文件，可以进行下载。接着，配置前端页面与后台接口进行交互，确保后台能够接收到文件并成功保存到本地。

摘要由CSDN通过智能技术生成

先引入css 和 js 文件，没有就下载

{% load static %}
<link href='{% static "css/Huploadify.css" %}' rel='stylesheet' type='text/css' />
    {# 载入js库 #}
 <script src='{% static "js/jquery-1.12.1.min.js" %}'></script>
 <script src='{% static "js/axios.js" %}'></script>
 <script src='{% static "js/jquery.Huploadify.js" %}'></script>

前端页面

<body>
    <input type="text" placeholder="输入用户名" id="t1">
    <div id="upload"></div>

    <div id="img_box"></div>

    <script>
    
        
    let name = $("#t1").val();
var up = $('#upload').Huploadify({
	auto:true,                                      # true 是自动上传
	fileTypeExts:'*.*',
    multi