如何将上传的图像存储到数组中| Rails &&角,,JS

How to store uploaded images into an array | Rails && Angular && JS

本文关键字:Rails JS 数组 存储 图像      更新时间:2023-09-26

我正在使用Rails和Javascript,并且我有一个Angular前端。我对开发还比较陌生;我开始掌握它的窍门,但是我不知道如何在我的(PGsql)服务器中定位图像。如果我将所有提交的照片推入一个数组,是否会让我更容易定位图像?

我正在测试视觉api;我想找到一种方法来上传图像并将它们存储在数组中,以便我可以发送POST请求到外部API(Azure/AWS Vision API等)-使用提交的照片。

我希望,这将使它更容易动态发送请求提交;除了在视图中呈现JSON响应之外。

形式部分

<%= simple_form_for @image, :class => "form_id", :html => {:multipart
=> true} do |f| %>  <%= f.input :title, label: "Name of Photo" %>   <%= f.input :image, as: :file, :onChange => "alertMe(this.files[0])",
label: "Submit Image to Render Tags!" %>    <%= f.button :submit,
:onsubmit => "imgPush();", :onclick => "return sendFileRequest();",
:class => "form_id" %>   <% end %>

App.js

$scope.alertMe = function () {
var params = {
    // Request parameters
    "visualFeatures": "Categories,Tags",
    "details": "Celebrities",
};

$.ajax({
         url: "https://api.projectoxford.ai/vision/v1.0/analyze?" + $.param(params),
         beforeSend: function(xhrObj){
             // Request headers
             xhrObj.setRequestHeader("Content-Type","application/json");
             xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","this is my key");
         },
         type: "POST",
         // Request body
         data: "{'"url'":'"https://upload.wikimedia.org/wikipedia/en/1/17/Batman-BenAffleck.jpg'"}"
     })
     .done(function(data) {
         alert("success");
     })
     .fail(function(jqHQR, status) {
         alert("error : " + jqHQR + " status " + status);
     });
 }

根据https://dev.projectoxford.ai/docs/services/56f91f2d778daf23d8ec6739/operations/56f91f2e778daf14a499e1fa上的描述,API不支持这样的图像url或数组中的原始数据。

如果您想分析图像列表,您可以尝试将图像上传到后端服务器,然后生成一个rest调用列表,其中包含针对API的图像内容。

如有任何问题,请随时与我联系。