Jasny Bootstrap 文件上传控制答案

【问题标题】：Jasny Bootstrap File Upload ControlJasny Bootstrap 文件上传控制
【发布时间】：2023-03-29 04:05:01
【问题描述】：

我在我的 asp.net 项目中使用Jasny Bootstrap 文件上传控件。

看起来很不错，但是我无法将附件发送到服务器（一个 .ASHX 网络服务）

我的布局代码是这样的

<div class="fileupload fileupload-new" data-provides="fileupload">
<div class="input-append">
<div class="uneditable-input span3"><i class="icon-file fileupload-exists"></i> <span class="fileupload-preview"></span></div><span class="btn btn-file"><span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file" /></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
</div>
</div>

【问题讨论】：

你需要看看如何使用C#来处理文件上传，那里有很多资源。
@patricksweeney，谢谢，但我试图让文件上传更多地依赖于 jquery 和 C# ashx 服务，而不是 c# 后端代码。
那么你需要研究它，然后再返回一个特定的问题。只是说你无法做到这一点并没有给我们任何工作。你都尝试了些什么？你期待什么？发生了什么？这样你会得到更好的帮助。

标签： c# jquery twitter-bootstrap jasny-bootstrap

【解决方案1】：

HTML 包含一个<input type="file" />。您需要设置输入元素的名称属性。还要确保您在表单中使用enctype="multipart/form-data"。

<form action="myscript.ashx" method="post" enctype="multipart/form-data">
  <div class="fileupload fileupload-new" data-provides="fileupload">
    <div class="input-append">
      <div class="uneditable-input span3"><i class="icon-file fileupload-exists"></i> <span class="fileupload-preview"></span></div>
      <span class="btn btn-file"><span class="fileupload-new">Select file</span><span class="fileupload-exists">Change</span><input type="file" name="myupload"/></span>
      <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
    </div>
  </div>
</form>

【讨论】：