使用Javascript(CoffeeScript)和RESTAPI上传要解析的图像

使用Javascript(CoffeeScript)和RESTAPI上传要解析的图像,javascript,parsing,image-uploading,trigger.io,Javascript,Parsing,Image Uploading,Trigger.io,我试图上传图像进行解析,然后将它们附加到模型上,然而,每当我上传一个图像时,它会作为成功上传返回,但url包含一个断开的图像链接 例如: 以下是上传代码: getImg: -> CameraHelper.fileUpload (file) => @file = file forge.file.URL file, (url) => @fileURL = url @$("#uploadImg").addClass("fadeIn")

我试图上传图像进行解析,然后将它们附加到模型上,然而,每当我上传一个图像时,它会作为成功上传返回,但url包含一个断开的图像链接

例如:

以下是上传代码:

getImg: ->
CameraHelper.fileUpload (file) =>
    @file = file
    forge.file.URL file, (url) =>
        @fileURL = url
        @$("#uploadImg").addClass("fadeIn").css("background-image", "url(#{url})")
        @$("#removeImg").css("display", "inline")
    , (content) ->
        error "Error finding Image"
, ->
    debug "Upload Cancelled"


    serverUrl = 'https://api.parse.com/1/files/test.jpg'
    parseFile = _.extend @file,
        type: "image/jpeg"
        name: "share.jpg"

    $.ajax
        type: "POST",
        beforeSend: (request)->
            request.setRequestHeader "X-Parse-Application-Id", 'MY-APP-ID'
            request.setRequestHeader "X-Parse-REST-API-Key", 'MY-REST-API-ID'
            request.setRequestHeader "Content-Type", "image/jpeg"
        url: serverUrl
        data: parseFile
        processData: false
        contentType: false
        success: (data) ->
            alert "File available at: " + data.url
        error: (data) ->
            obj = jQuery.parseJSON(data)
            alert obj

CameraHelper =
fileUpload: (success, err) ->
    if APP
        forge.file.getImage
            saveLocation: "file"
            source: "camera"
            height: "620px"
            width: "620px"
        , (file) ->
            debug "Successfully uploaded img"
            success?(file)
        , (content) ->
            error "Error in uploading img", content
            err?()
    else
        debug "Sorry that feature is not currently available on the mobile web."
摄影师 注意:我使用的是triggerIO,也引用了:无效


parseFile是我试图上传的图像

我不确定Parse在文章正文中到底期望什么,但我认为他们希望整个正文都是图像数据,没有多部分编码

这意味着你需要做两件事:

首先,上传文件时,应使用
文件
参数,而不是
数据
。看见无论何时上传文件都是如此,而不仅仅是解析


其次,因为我认为Parse不需要编码的POST body,所以使用
fileUploadMethod:“raw”
参数直接将图像数据转储到请求中。

我不确定Parse在POST body中希望得到什么,但我认为他们希望整个body都是图像数据,没有多部分编码

这意味着你需要做两件事:

首先,上传文件时,应使用
文件
参数,而不是
数据
。看见无论何时上传文件都是如此,而不仅仅是解析

其次,因为我认为Parse不需要编码的POST主体,所以使用
fileUploadMethod:“raw”
参数直接将图像数据转储到请求中