mirror of https://github.com/jumpserver/jumpserver
101 lines
3.2 KiB
HTML
101 lines
3.2 KiB
HTML
{% extends 'base.html' %}
|
||
{% load mytags %}
|
||
{% block content %}
|
||
{% include 'nav_cat_bar.html' %}
|
||
|
||
<div class="wrapper wrapper-content animated fadeIn">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="ibox float-e-margins">
|
||
<div class="ibox-title">
|
||
<h5>上传文件</h5>
|
||
<div class="ibox-tools">
|
||
<a class="collapse-link">
|
||
<i class="fa fa-chevron-up"></i>
|
||
</a>
|
||
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
||
<i class="fa fa-wrench"></i>
|
||
</a>
|
||
<ul class="dropdown-menu dropdown-user">
|
||
<li><a href="#">Config option 1</a>
|
||
</li>
|
||
<li><a href="#">Config option 2</a>
|
||
</li>
|
||
</ul>
|
||
<a class="close-link">
|
||
<i class="fa fa-times"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<div class="">
|
||
<form id="my-awesome-dropzone" class="dropzone" action="#">
|
||
<div class="dropzone-previews">
|
||
<input id="hosts" name="hosts" type="text" class="form-control" required="不能为空" placeholder="输入主机地址，逗号隔开，确保你有输入主机地址的权限" size="80%">
|
||
</div>
|
||
<button type="submit" class="btn btn-primary pull-right">全部上传</button>
|
||
<div></div>
|
||
</form>
|
||
</div>
|
||
<div>
|
||
<div class="m text-right"><small>上传文件到后端服务器的/tmp下，请注意查看</small> </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script>
|
||
$(document).ready(function(){
|
||
|
||
Dropzone.options.myAwesomeDropzone = {
|
||
|
||
autoProcessQueue: false,
|
||
uploadMultiple: true,
|
||
parallelUploads: 100,
|
||
maxFiles: 100,
|
||
url: '/file/upload/',
|
||
|
||
// Dropzone settings
|
||
init: function() {
|
||
var myDropzone = this;
|
||
|
||
this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
myDropzone.processQueue();
|
||
});
|
||
this.on("sendingmultiple", function() {
|
||
});
|
||
this.on("successmultiple", function(files, response) {
|
||
alert(response)
|
||
});
|
||
this.on("errormultiple", function(files, response) {
|
||
});
|
||
}
|
||
|
||
}
|
||
|
||
});
|
||
|
||
$('#my-awesome-dropzone').validator({
|
||
timely: 2,
|
||
theme: "yellow_right_effect",
|
||
fields: {
|
||
"hosts": {
|
||
rule: "required",
|
||
tip: "输入上传的Host",
|
||
ok: "",
|
||
msg: {required: "必须填写!"}
|
||
}
|
||
},
|
||
valid: function(form) {
|
||
form.submit();
|
||
}
|
||
});
|
||
</script>
|
||
|
||
|
||
{% endblock %} |