我可以使用引导文件输入将文件上传到服务器吗?它是否支持像jquery多文件上传器这样的服务器上传
Can I upload a file to server using bootstrap-fileinput? Does it support server upload like jquery multiple file uploader?
我正在尝试使用引导文件输入将文件上传到 C# 中的服务器.它是否支持像jQuery文件上传这样的服务器端数据上传。在jQuery文件上传中,您可以使用处理程序在服务器端处理文件。我们可以使用引导程序文件输入来做到这一点吗?由于某种原因,我无法使用多个文件上传器。提前致谢
在 HTML 中,您必须将其放入表单中,然后添加一个触发 ajax 调用的按钮,它是表单末尾的保存按钮
<form id="LogoForm" enctype="multipart/form-data">
<div class="row">
<div class="col-md-12">
<div id="upload" class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="max-width: 200px; max-height: 150px;">
<img"http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image")"/>
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
</div>
<div class="form-group">
<span id="btnspan" class="btn default btn-file">
<span id="SelectImage" class="fileinput-new">Select image </span>
<span id="Change" class="fileinput-exists">Change </span>
<input type="file" name="logoInput" id="fileup" />
</span>
<a href="#" class="btn red fileinput-exists" id="Remove" data-dismiss="fileinput">Remove </a>
</div>
<div class="form-group">
<button type="button" class="btn green" id="SaveProfilPic">Save</button>
</div>
</div>
</div>
</div>
</form>
然后在JavaScript文件中创建一个普通的ajax调用并将表单作为参数传递
$(document).ready(function () {
$('#SaveProfilPic').on('click', function () {
var formCol = $('#LogoForm');
$.ajax({
type: 'POST',
url: 'URL of your webmethod',
data: new FormData(formCol[0]),
processData: false,
contentType: false,
success: function (data) {
Alert('Succsess');
}
});
});
相关文章:
- jQuery blueimp文件上传:将N-1个文件上传到IE中的服务器
- 将JQuery Handontable保存到服务器上的excel文件中
- 正在使用Dropzone.js删除服务器上已重命名的文件
- Angular JS文件上传到托管服务器
- 从安卓设备将图像上传到服务器时,文件扩展名错误
- node.js将字符串转换为要上传到Web服务器的文件
- 在浏览器中打开文本文件-服务器上出现错误
- 如何从 Node.js 访问、检索、存储和删除文件到远程文件服务器中
- 从文件服务器读取 XML 文件
- 如何从文件服务器下载文件
- 如何使用JQUERY使用AJAX将Javascript变量(从客户端)发布到PHP文件(服务器端)
- 学习node文件服务器为什么将createReadStream()放入createServer()中
- NodeJs中的静态HTTP文件服务器:有时外部.js和.css文件加载正常,有时加载不正常;t
- 使用ExpressJS保护静态文件服务器
- 如何将json对象保存为文件服务器端
- 学习younode教程#11 HTTP文件服务器
- 仅由文件服务器支持的浏览器应用程序中的数据
- http.文件服务器响应的mime "Content-Type"错误
- 在dropzone.js中分配文件服务器id
- 通过JavaScript上传文件:服务器上的文件无效