BootStrap--模态框中 上传图片

问题:在模态框中添加图片并不会得到你上传图片的名称,无法存到数据 

下面介绍两个方法,都是可以得到图片名称的。

第一种   前面如何加载模态框就不写了,上篇有写,这里只是为得到图片写的

//需要添加一个JS
<script src="http://www.likecs.com/~/Scripts/jquery.form.js"></script> //用来添加图片的 表单异步提交库
@*模态框开始*@
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form method="post" enctype="multipart/form-data"> //form 表单需要, <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">模态框(Modal)标题</h4> </div> <div class="modal-body">
<div>
<label for="FileUpload1">上传图片</label>
<div>
<input type="file">
</div>
</div> </div> </div><!-- /.modal-content --> </div><!-- /.modal -->
</from>
</div>@*模态框结束*@
JS代码:

//添加 到数据库 $("#sum").click(function () { //模态框中添加图片 两种做法
ajaxSubmit是个方法,引用了form.js这个库,此方法才有效
$("#mm").ajaxSubmit({ url: "@Url.Action("AddPric")", //访问这个方法用来得到图片名称 type: "post", success: function (data) { img = data; //data就是名称了 alert(data); });

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwgfys.html