页面分页

 

 

视图

@{
ViewBag.Title = "Add";
}

<h2>Add</h2>

<table>
<tr>
<td>姓名</td>
<td><input id="UserName" type="text" /></td>
</tr>
<tr>
<td>密码</td>
<td><input id="UserPwd" type="text" /></td>
</tr>
<tr>
<td>图片</td>
<td>
<input type="file" id="f1" />
<input type="button" value="上传" onclick="ff()" />
</td>
</tr>
<tr>
<td></td>
<td><input id="btn_add" type="button" value="添加" onclick="Add()"/></td>
</tr>
</table>
<script>
function Add() {
var UserName = $("#UserName").val();
var UserPwd = $("#UserPwd").val();
var Img = $("#f1").val();

$.ajax({
url: 'http://localhost:5307/api/Default/Add',
type: 'post',
data: { UserName: UserName, UserPwd: UserPwd, Img: path },
dataType: 'json',
success: function (data) {
if (data > null) {
alert("添加成功");
}
else {
alert("添加失败");
}
}
})
}
var path;
function ff() {
var formData = new FormData();
var file = document.getElementById("f1").files[0];
formData.append("fileInfo", file);
$.ajax({
url: "http://localhost:5307/api/Default/UpLoad",
type: "POST",
data: formData,
contentType: false,//必须fals才自动加上正确的Content-Type
processData: false,//必须fals才避开jQuery对 formdata 的默认处XMLHttpRequest会对 formdata 进行正确的理
success: function (data) {
if (data.Code < 0)
alert(data.Msg)
else
path = data.Url;
alert(path)
},
error: function (data) {
alert("上传失败！");
}
});
}
</script>

 

///API

APIFileHelp help = new APIFileHelp();
//上传文件/图片
[HttpPost]
public FileResult UpLoad()
{
return help.UpLoad();
}