大佬教程收集整理的这篇文章主要介绍了angularjs – 在angular.js 1.3.0中的multipart / form-data的AJAX上传中的’意外的标记’,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<input file-model="file" name="file" type="file">
fileModel指令
app.directive('fileModel',[ '$parse',function($parsE) { return { reStrict : 'A',link : function(scope,element,attrs) { var model = $parse(attrs.fileModel); var modelSetter = model.assign; element.bind('change',function() { scope.$apply(function() { modelSetter(scope,element[0].files[0]); }); }); scope.$on("reset",function() { element.val(@R_696_6633@ }); } }; } ]);
上传功能 – 在1.2.26中选择“multipart / form-data”,因为Content-Type不起作用.但是使用“未定义”作为内容类型角度会做某种使它工作的魔法.
var upload = function(textureUploadUrl) { var formData = new FormData(); formData.append('name',$scope.Name); formData.append('file',$scope.filE); $http.post(textureUploadUrl,formData,{ transformrequest : angular.identity,headers : { 'Content-Type' : undefined } }).success(function(uploadedTexturE) { console.log(uploadedTexturE); // further processing of uploadedTexture }); }
错误:
SyntaxError: Unexpected token h at Object.parse (nativE) at fromJson (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:1104:14) at defaulthttpResponseTransform (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:8572:18) at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:8517:12 at forEach (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:335:20) at transformData (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:8516:3) at transformResponse (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:9224:23) at processQueue (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:12914:27) at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:12930:27 at Scope.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js:14123:28)
有谁知道如何在新版本中使用它?
我已经把问题缩小了一点.它不适用于1.3.0-rc.5,但使用之前的版本(rc.4)它确实有效.所以,我目前正试图弄清楚哪些更改会导致我的问题.这是changelog.
@requestMapping(value = "/uploadUrl",method = requestMethod.POST,produces = "text/plain; charset=utf-8") @ResponseBody public String textureUploadPOST(httpServletrequest req) { // upload texture and create serveUrl for the texture return serveUrl; }
因此,如果不将text / plain指定为Content-Type,Spring会自动将application / json用作Content-Type.这导致angular.js从1.3.0-rc.5(change)开始调用JSON.parse.我的纹理上传返回一个指向图像所在位置的URl.因为这是一个普通的字符串,所以它导致了所描述的错误消息.所以,不要忘记在服务器响应中指定正确的内容类型:-)
以上是大佬教程为你收集整理的angularjs – 在angular.js 1.3.0中的multipart / form-data的AJAX上传中的’意外的标记’全部内容,希望文章能够帮你解决angularjs – 在angular.js 1.3.0中的multipart / form-data的AJAX上传中的’意外的标记’所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。