如何在不使用文件上传的情况下获取文件名并在 asp.net JQuery 中上传文件
How to get FileName and upload file in asp.net JQuery without using File Upload
我正在尝试使用 HTML5 输入类型="file"[为我的 bootstrap jquery 项目上传图像文件=32=] ASP.NET 3.5 中的标签。我在不使用文件上传的情况下尝试了很多不同的方法。但是，我没能成功。
我需要你的帮助。我如何使用 "input type="file" … " 而不是 asp:FileUpload
提前致谢。
.aspx设计页面是这样的：
<div class="row">
<div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<!-- image-preview-filename input [CUT FROM HERE]-->
<div class="input-group image-preview">
<input type="text" class="form-control image-preview-filename" disabled="disabled" />
<!-- don't give a name === doesn't send on POST/GET -->
<span class="input-group-btn">
<!-- image-preview-clear button -->
<button type="button" class="btn btn-default image-preview-clear" style="display:none;">
<span class="glyphicon glyphicon-remove"></span> Temizle
</button>
<div class="btn btn-default image-preview-input">
<span class="glyphicon glyphicon-folder-open"></span><span class="image-preview-input-title">
Choose File</span>
<input type="file" accept="image/png, image/jpeg, image/gif" name="input-file-preview" />
<!-- rename it -->
</div>
</span>
</div>
<!-- /input-group image-preview [TO HERE]-->
</div>
/div>
<div class="w3-container w3-padding">
<table width="100%">
<tr>
<td width="16%">
<td width="25%">
<asp:LinkButton ID="resimYukle" runat="server" class="w3-btn w3-theme"
onclick="resimYukle_Click">
<span aria-hidden="true" class="fa fa-pencil"></span> Save</asp:LinkButton>
<td width="59%">
</td>
</td></td></tr></table>
</div>
截图是这样的：
有两种方法可以在服务器端获取文件名，您可以使用 asp 控件，也可以使用 bootstrap 控件并使用 runat="server" 例如
<input type="file" id="filebtn" accept="image/png, image/jpeg, image/gif" runat="server" name="input-file-preview" />
并在 cs 文件中使用属性作为
var name= filebtn.PostedFile.FileName;
或InputStream或SaveAs
并且在 asp 中您可以使用 asp 控件但应用 css class
<asp:FileUpload ID="fileupload" CssClass="applyclass" runat="server" />
我正在尝试使用 HTML5 输入类型="file"[为我的 bootstrap jquery 项目上传图像文件=32=] ASP.NET 3.5 中的标签。我在不使用文件上传的情况下尝试了很多不同的方法。但是，我没能成功。
我需要你的帮助。我如何使用 "input type="file" … " 而不是 asp:FileUpload
提前致谢。
.aspx设计页面是这样的：
<div class="row">
<div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<!-- image-preview-filename input [CUT FROM HERE]-->
<div class="input-group image-preview">
<input type="text" class="form-control image-preview-filename" disabled="disabled" />
<!-- don't give a name === doesn't send on POST/GET -->
<span class="input-group-btn">
<!-- image-preview-clear button -->
<button type="button" class="btn btn-default image-preview-clear" style="display:none;">
<span class="glyphicon glyphicon-remove"></span> Temizle
</button>
<div class="btn btn-default image-preview-input">
<span class="glyphicon glyphicon-folder-open"></span><span class="image-preview-input-title">
Choose File</span>
<input type="file" accept="image/png, image/jpeg, image/gif" name="input-file-preview" />
<!-- rename it -->
</div>
</span>
</div>
<!-- /input-group image-preview [TO HERE]-->
</div>
/div>
<div class="w3-container w3-padding">
<table width="100%">
<tr>
<td width="16%">
<td width="25%">
<asp:LinkButton ID="resimYukle" runat="server" class="w3-btn w3-theme"
onclick="resimYukle_Click">
<span aria-hidden="true" class="fa fa-pencil"></span> Save</asp:LinkButton>
<td width="59%">
</td>
</td></td></tr></table>
</div>
截图是这样的：
有两种方法可以在服务器端获取文件名，您可以使用 asp 控件，也可以使用 bootstrap 控件并使用 runat="server" 例如
<input type="file" id="filebtn" accept="image/png, image/jpeg, image/gif" runat="server" name="input-file-preview" />
并在 cs 文件中使用属性作为
var name= filebtn.PostedFile.FileName;
或InputStream或SaveAs
并且在 asp 中您可以使用 asp 控件但应用 css class
<asp:FileUpload ID="fileupload" CssClass="applyclass" runat="server" />