一、easyui的filebox实现上传:
页面标签:
<form id='ff' class=easyui-form>
<input id="txt_head" name="name" class="easyui-filebox" data-options="buttonText:'选择头像',accept: 'image/*',buttonAlign:left,editable:false" />
</form>
js请求方法
$("#ff").form('submit', {
url: '/Trainee/importHead',
data: $("#ff").serialize(),
success: function (result) {
}
});
后台与传统标签的方式二相同;
二、原始file标签实现上传文件方式:
用到两个对象
第一个对象:FormData
第二个对象:XMLHttpRequest
目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹….
有了这两个对象,我们可以真正的实现Ajax方式上传文件。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Html5 Ajax 上传文件</title>
<script type="text/javascript">