因后台使用的js框架是mootools 框架,与jq有冲突。虽然有解决冲突的办法,但是肯定不能为了上传的功能而大费周折去引入jq。最好的办法就是使用mootools 文件上传。
由于mootools 年代久远,加上我这半吊子的前端水准,只能放弃mootools 使用js原生了。
献上我的代码片段。l(σ゚∀゚)σ…:*☆哎哟不错哦
html代码:
<form method="post" id="modelform">
<input name="file" type="file" id="file"/>
</form>
<input type="submit" id="submit" value="上传">
js代码
<script>
$('submit').addEvent('click',function(){
var url = 'http://up-z1.qiniup.com/';
var token = 'abc……'; // 你的七牛云token
var xhr = new XMLHttpRequest();
var formData = new FormData();
var file=document.getElementById('file').files[0];
formData.append("file",file);
formData.append("token",token);
xhr.onload = function () {
var res = JSON.parse(xhr.responseText);
console.log(res, 'response');
}
xhr.open('post', url, true)
xhr.send(formData)
});
</script>
附上token 的生成文档: token 文档地址