利用JavaScript 的formdata 进行无刷新上传文件
2016-04-18 21:17
721 查看
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>
<form id= "uploadForm">
<p >名字: <input type="text" name="filename" value= ""></p>
<p >文件: <input type="file" name="file"></p>
<br>
<input type="button" value="上传" onclick="Upload()">
</form>
<script>
function Upload() {
var formData = new FormData($("#uploadForm")[0]);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
}
});
}
</script>
</body>
</html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>
<form id= "uploadForm">
<p >名字: <input type="text" name="filename" value= ""></p>
<p >文件: <input type="file" name="file"></p>
<br>
<input type="button" value="上传" onclick="Upload()">
</form>
<script>
function Upload() {
var formData = new FormData($("#uploadForm")[0]);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
}
});
}
</script>
</body>
</html>
相关文章推荐
- js 滑窗
- javascript学习笔记 - 面向对象 理解对象
- 最近积累的JS 东西,分享一下
- js中事件(自定义事件)
- javascript中的数组
- JavaScript和Java的区别
- Javascript四种单体模式
- jstl标签
- 面向对象在javascript中的三大特征之继承
- 2016.4.18(js—对象基础学习笔记)
- Javascript url 小逻辑
- JavaScript中的对象查找
- js用数组实现级联列表
- javascript的document中的动态添加标签
- js选项卡
- JSR 303 - Bean Validation 是什么?
- javaScript字符串与数字之间的比较
- javascript中的prototype
- Json解析
- js实现『加载更多』功能实例