Rails图像上载与载波

Question

我成功为用户模型创建了一个表单，我可以使用载波上传图像。这与提交按钮很好地配合。

一切都很好，但我希望通过jquery文件上传或类似的东西来改进它。所以我的想象力是我将点击file_upload按钮然后选择文件，之后它将预览图像的拇指。

我尝试关注有轨电视＃381但是当我上传图片时，预览会在刷新页面后显示。使用js响应还是json更好？是否有更好的方法来上传ajax图像？感谢您的建议

Answer 1

请参阅附加：然后使用以下代码。

点击“上传其他文件”会触发隐藏文件上传器。

$('#page3-upload-bg-picture-link').click(function(){
    $("#page3-upload-bg-picture").trigger("click");
});

然后，如果您上传文件，它将调用change功能。

$("#page3-upload-bg-picture").change(function(){
    page3BgImage(this);
});

然后将调用page3BgImage。在这里，从该位置读取图像并在我的图像中显示“You Uploaded Image”div。

function page3BgImage(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#page3-preview-bg-image').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}