Tag: jquery file upload

Rails wrap_parameter无法正常工作: 我正在使用AngularJS和jQuery-file-uploader插件。我已经配置了rails来包装我的参数 ActiveSupport.on_load(:action_controller) do wrap_parameters format: [:json] end 除了我尝试上传文件时，这对所有内容都很好。我使用上传器插件与正常情况略有不同，但它应该仍然有效。而是让插件在添加时上传文件，我正在创建一个新记录，然后上传文件。请求正确触发，但文件的参数未被rails包装。在我的日志中我得到了 Processing by MeetingsController#update as JSON Parameters: {“icon”=>#<ActionDispatch::Http::UploadedFile:0x007fde79178b58 @original_filename="006.png", @content_type="image/png", @headers="Content-Disposition: form-data; name=\"icon\"; filename=\"006.png\"\r\nContent-Type: image/png\r\n", @tempfile=#>, “id”=>”35”} 我期待看到参数 { :meeting => { :icon => … }} 在我的MeetingsController我有 wrap_parameters :meeting, include: […, :icon, …] 同样通过该控制器创建的记录工作完美，参数按预期进行包装，但不适用于此。难道我做错了什么？

如何使用jquery文件上传调整客户端图像的大小: 我通过jquery-fileupload-rails gem在Rails 3.2应用程序中使用blueimp jquery-file-upload 。我正在尝试在上传之前在客户端调整图像大小，但是在遵循文档时遇到了问题。我的代码如下。目前上传工作完美，但图片未resize。通过jquery-file-upload调整图像大小的正确语法是什么。（基于此和本文档的coffeescript中显示了两种方法。对我来说都不适用。） #Coffeescript jQuery -> if $(“#new_asset”).length $(“#new_asset”).fileupload dataType: “script” add: (e, data) -> types = /(\.|\/)(jpe?g|png)$/i file = data.files[0] if types.test(file.type) || types.test(file.name) data.context = $(tmpl(“template-upload”, file)) $(‘#progress-container’).append(data.context) jqXHR = data.submit() $(“button.cancel”).click (e) -> jqXHR.abort() else alert(“#{file.name} is not a jpeg or png image file”) progress: […]

适用于Image Heavy App的最佳Ruby on Rails架构: 我正在构建一个允许同时上传大量照片的应用程序，并想知道解决此问题的最佳设置。这是我到目前为止使用的： Jquery文件上传：允许用户拖放图像 CarrierWave：处理图像并使用ImageMagickresize Amazon S3：CarrierWave通过Fog将图像上传到Amazon S3 Heroku：用于托管我想允许用户能够将大量图像拖放到页面上，然后在后台进行上传时导航到其他页面。我还想在完成上传时显示图片。我不希望这个过程锁定Heroku dynos，所以我可能需要将工作转移到后台工作，但我不确定如何使用我的情况。这类应用程序的最佳设置是什么？我应该使用什么背景工人gem？ Cloudinary是个好主意吗？

ruby神社 – 裁剪和直接上传Safari问题: 我正在使用Shrine，jquery.fileupload和cropper.js实现直接上传在添加部分中，我将图像从文件上传加载到模态，定义裁剪器并显示模态 if (data.files && data.files[0]) { var reader = new FileReader(); var $preview = $(‘#preview_avatar’); reader.onload = function(e) { $preview.attr(‘src’, e.target.result); // insert preview image $preview.cropper({ dragMode: ‘move’, aspectRatio: 1.0 / 1.0, autoCropArea: 0.65, data: {width: 270, height: 270} }) }; reader.readAsDataURL(data.files[0]); $(‘#crop_modal’).modal(‘show’, { backdrop: ‘static’, keyboard: false }); } 然后在模态按钮上单击我获得裁剪的canvas调用toBlob并提交到S3 $(‘#crop_button’).on(‘click’, function(){ var […]