今天在学习bmob,在进行文件上传时一直失败,不管是上传图片还是其他文件,浏览器总是报错。具体js代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bmob-min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<input type="file" id="profilePhotoFileUpload" >
<input type="button" onclick='uploadfile()'>upload</input>
<div id="imagelist">
<script type="text/javascript">
Bmob.initialize("b41221becbbd5ea28ce21fdb48403950","7592bdc1208154d93882dcd45a6fbfe2");
function uploadfile(){
var fileUploadControl = $("#profilePhotoFileUpload")[0];
if (fileUploadControl.files.length > 0) {
var fileObjs = fileUploadControl.files[0];
var file = new Bmob.File(fileObjs.name, fileObjs);
//上传文件
file.save().then(function(obj) {
var PhotoList = Bmob.Object.extend("test1");
var photoList = new PhotoList();
//把返回的文件插入到文件列表
var image=$("<image src='"+obj.url()+"'/>");
var imagelist =$("#imagelist")
imagelist.append(image);
var url =obj.url();
//把文件的url保存在表“PhotoList”的字段“url” 中
photoList.set("url",obj.url());
Bmob.Image.thumbnail({"image":obj.url(),"mode":0,"quality":100,"width":100,"outType":0}
).then(function(obj) {
alert("filename:"+obj.filename); //
alert("url:"+obj.url); //
photoList.set("thumbnailurl",obj.url);
photoList.save();
var imagetemp=$("<image src='http:\//file.bmob.cn/"+obj.url+"'/>");
imagelist.append(imagetemp);
});
}, function(error) {
// the save failed.
});
}
}
</script>
</body>
</html>
但是浏览器报错
请教各位大神,教教解决办法。新手
跨域了,服务端要对这个请求做处理