2016-02-08 171 views
0

这个问题包括框架的细节,但我只是有关如何将照片文件上传到api的一般问题。我提交的图片的实际部分是什么?照片的内容是什么?上传图像到Cloudinary(平均值)

我能在点击一个按钮,成功上传影像(采用了棱角分明文件的上传,但我不知道我应该发送给我的API一下这个对象的一部分。

代码下面会抱怨一个类型错误:它不能将循环结构转换为JSON

所以我也可以尝试抓取文件出队列,但是当它使它变为cloudinary时,我收到一个错误:TypeError:file.match不是函数。

html

<div> 
    <input type="file" nv-file-select uploader="user.uploader" /> 
    <button ng-click="user.upload()">Upload</button> 
</div> 

控制器

vm.upload = function() { 
    console.log(vm.uploader); 
    var photo = {file: vm.uploader.queue[0]} 
    UserDisplay.uploadPhoto($stateParams.user_id, vm.uploader.queue[0]) 
} 

API

cloudinary.uploader.upload(req.body.file, function(result) { 
    console.log("made it here"); 
    console.log(result) 
}); 

回答

0

Cloudinary的角库支持NG-文件上传,没有棱角,文件的上传。

有一些代码不显示在这里。例如什么是UserDisplay

你得到这个错误是因为队列持有FileItem对象而不是字符串。 您应该初始化带有上传url的FileUploader,以及包含upload_presetformData。这样就不需要重写上传功能。

你可以看到Cloudinary的AngularJS回购示例项目:https://github.com/cloudinary/cloudinary_angular/tree/master/samples/photo_album