ajax文件上传
来源:互联网 发布:Python 线程锁 编辑:程序博客网 时间:2024/06/08 12:39
非常简单的ajax文件上传,功能背景:文件上传返回数据,就用到ajax成功后的方法,就可以返回数据了。
只需要把我的文件上传接口改成自己的就行了
还是看不懂的加我QQ392716797帮你解惑。
代码如下
记得引入<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传文件接口</title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
<style>
label {
float: left;
width: 100px;
}
</style>
<script>
function Checkuploadform() {
var $commendform=$("#commendform");
//获取表单提交地址
var url =$commendform.attr('action');
//获取表单提交地址
data = new FormData($commendform[0]),
$.ajax(url, {
type: 'post',
data: data,
dataType: 'json',
processData: false,
contentType: false,
success: function (data) {
alert("ok");
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error")
},
});
}
</script>
</head>
<body>
<div class="file-box">
<form method="post" id="commendform" enctype="multipart/form-data" action="http://v.polyv.net/uc/services/rest?method=uploadfile">
<div>
<label>writetoken:</label>
<input type="text" name="writetoken" value="ad619a65-95b1-400d-bd9f-f3fe635cd7f8" size="40" /><span>(必选)</span>
</div>
<br>
<div>
</div>
<br>
<div>
<label for="fileField">Filedata:</label>
<input type='text' name='textfield' id='textfield' class='txt' size="40" />
<input type="file" id="fileToUpload" name="Filedata" class="file" onchange="document.getElementById('fileToUpload').value=this.value" /><span>(必选)</span>
</div>
<br>
<input type="button" name="submit" onclick="Checkuploadform()" class="btn" value="点我上传" size="40" />
</form>
</div>
</body>
</html>
- ajax上传文件
- 模仿AJAX上传文件
- ajax文件上传
- ajax文件上传应用
- ajax 文件上传进度条
- jQuery AJAX 文件上传
- C#+ajax上传文件
- ajax上传文件
- ajaxfileupload ajax文件上传
- 浅析Ajax文件上传
- Ajax 上传文件
- jquery ajax 文件上传
- Ajax上传文件
- Ajax文件上传
- ajax上传文件
- ajax上传文件
- Ajax实现文件上传
- Ext ajax上传文件
- win10远程控制ubuntu16.04
- 大数据学习五
- Intellij IDEA插件
- leetcode16. 3Sum Closest
- css flex demo
- ajax文件上传
- HTML DOM之标签操作方法
- Laravel事件Event
- 关于removeCallbacks不能移除消息的问题
- mac上使用Aria2,完全摆脱百度云盘的限速10kb/s
- 跨域问题的解决
- 5个必须掌握的maven命令
- 魅族虚拟按键遮挡问题
- Laravel Migrate