Question

我正在使用文件选择器将图像上传到我的rails应用程序，然后在显示页面上我有一个按钮，允许他们打开图像在鸟舍内编辑它。

编辑器将打开，但在显示片刻后立即关闭。这是控制台中的错误：

资源解释为脚本但使用MIME类型text / html传输：

以下是现在的代码：

<%= javascript_tag do %>
        //Setup Filepicker.io - to get an apikey, go to https://developers.filepicker.io/register/
        filepicker.setKey('Ao6qJVzzAQ5K8zL6UUhxKz');

        //Setup Aviary
        var featherEditor = new Aviary.Feather({
            //Get an api key for Aviary at http://www.aviary.com/web-key
            apiKey: 'jdbk5iwjxibpotfn',
            apiVersion: 2,
            onSave: function(imageID, newURL) {
                //Export the photo to the cloud using Filepicker.io!
                filepicker.export(newURL, {extension:'.png'});
            },
            appendTo: 'web_demo_pane'
        });

        //Giving a placeholder image while Aviary loads
        var preview = document.getElementById('web_demo_preview');
        var editPane = document.getElementById('start_web_demo');
        editPane.onclick = function(){
        //When the user clicks the button, import a file using Filepicker.io
        var theurl = "<%= @user.filepicker_url %>+.jpg";
        preview.src = theurl;
                featherEditor.launch({
                    image: preview,
                    url: theurl
                });
    };

    <% end %>

Answer 1

This line needed to change 

<%= @user.filepicker_url %>+.jpg

To this: 

<%= @user.filepicker_url %>

Answer 2

好的，我在这里进行了另一项更改，现在正在运行..接受保存的文件不会更改缩略图版本???

//filepicker.store(newURL);
$.post(oldurl, {url: newURL}, function(response){console.log(response);});

为什么不修改filepicker.io文件的所有版本？

Aviary在开业后立即关闭

2 个答案: