将图像上传到stradi

时间:2018-08-07 08:51:18

标签: javascript strapi

我想使用html文件将图像上传到trapi。运行代码时,出现错误:POST http://localhost:1337/upload 500(内部服务器错误)。

$.ajax({
    type: 'POST',
    url: 'http://localhost:1337/upload',
    datatype: 'image/jpeg',
    data: JSON.stringify(img),
    complete: function(product) {
        console.log('Congrats, your product has been successfully created: ', product.description);
    },
    fail: function(error) {
        console.log('An error occurred:', error);
    }
});

3 个答案:

答案 0 :(得分:2)

从今天开始,您可以使用axios使用以下代码将文件上传到trapi。这是文件输入中输入事件的处理程序。

onInput (files) {
  const axios = require('axios')

  const STRAPI_BASE_URL = 'http://localhost:1337'

  const formData = new FormData()
  formData.append('files', files)
  formData.append('ref', 'restaurant') // optional, you need it if you want to link the image to an entry
  formData.append('refId', 12345) // optional, you need it if you want to link the image to an entry
  formData.append('field', 'image') // optional, you need it if you want to link the image to an entry

  axios.post(`${STRAPI_BASE_URL}/upload`, formData)
}

我假设您有一个名为restaurant的集合,其集合的文件类型为image

此处的更多信息:https://strapi.io/documentation/v3.x/plugins/upload.html#upload-files

答案 1 :(得分:1)

如我所见,忘记添加multipart / form-data

mimeType: "multipart/form-data"

您可以查看文档here

  1. 确保已使用多部分/表单数据编码发送请求
  2. 允许的参数为:

    files: The file(s) to upload. The value(s) can be a Buffer or Stream.
    
    path: (optional): The folder where the file(s) will be uploaded to (only supported on strapi-upload-aws-s3 now).
    
    refId: (optional): The ID of the entry which the file(s) will be linked to.
    
    ref: (optional): The name of the model which the file(s) will be linked to.
    
    source: (optional): The name of the plugin where the model is located.
    
    field: (optional): The field of the entry which the file(s) will be precisely linked to.
    

单个文件请求

curl -X POST -F 'files=@/path/to/pictures/file.jpg' http://localhost:1337/upload

将文件链接到条目

例如,您在名为avatar的用户模型中具有链接图像字段

{
 "files": "...", // Buffer or stream of file(s)

 "path": "user/avatar", // Uploading folder of file(s).

 "refId": "5a993616b8e66660e8baf45c", // User's Id.

 "ref": "user", // Model name.

 "source": "users-permissions", // Plugin name.

 "field": "avatar" // Field name in the User model.
}

答案 2 :(得分:0)

这是在带有 C# 的 Winforms 中使用 RestRequest 的另一种方法:

var client = new RestClient("http://my-strapi-server:1337/upload");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddFile("files", @"C:\temp\bryan.jpg");
request.AddParameter("ref", "Singer");
request.AddParameter("refId", "605fe0c8sakhasg4c40253a");
request.AddParameter("field", "logo");
IRestResponse response = client.Execute(request);
Console.WriteLine(response.Content);