问题:在模态框中添加图片并不会得到你上传图片的名称,无法存到数据
下面介绍两个方法,都是可以得到图片名称的。
第一种 前面如何加载模态框就不写了,上篇有写,这里只是为得到图片写的
//需要添加一个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">×</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);
});