2016-02-08 168 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