分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

文件上传组件使用。

发布时间:2023-09-06 02:13责任编辑:林大明关键词:文件上传组件

参考:
https://www.cnblogs.com/landeanfen/p/5007400.html

bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinput

bootstrap-fileinput在线API:http://plugins.krajee.com/file-input

bootstrap-fileinput Demo展示:http://plugins.krajee.com/file-basic-usage-demo

<script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/piexif.min.js" ???????type="text/javascript"></script><script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/sortable.min.js" ???????type="text/javascript"></script><script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/purify.min.js" ???????type="text/javascript"></script><script type="text/javascript" src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/fileinput.min.js"></script>
 <form id="fileuploadform" enctype="multipart/form-data"> ???????????????????????????????<div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback"> ???????????????????????????????????<label class="control-label col-md-3 col-sm-12 col-xs-12" ???????????????????????????????????>选择文件</label> ???????????????????????????????????<div class="col-md-9 col-sm-12 col-xs-12"> ???????????????????????????????????????<input id="input-id" type="file"> ???????????????????????????????????</div> ???????????????????????????????</div>
$(document).ready(function () { ???$("#input-id").fileinput({ ???????showUpload:true, ???????uploadLabel: "xxx", ???????uploadTitle: "xxxx", ???????allowedFileExtensions: [‘xlsx‘], ???????maxFileSize: 10000, ???????maxFilesNum: 1, ???????uploadUrl: ?"xxxx", ???????//showPreview:false, ???????enctype: ‘multipart/form-data‘, ???????ajaxSettings: { type: "POST", ??headers: header,}, ???????uploadExtraData: function (previewId, index) { ???????????var obj = {}; ??????????obj["xxx"]=$("#xxx").val() ???????????return obj; ???????}, ????}); ???});
 perfFile = request.FILES.get("file_data", None) ?# 获取上传的文件,如果没有文件,则默认为None ???if not perfFile: ???????result["error"] = "no uploaded files found" ???????return Response(result)

文件上传组件使用。

原文地址:https://www.cnblogs.com/abcyrf/p/9603646.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved