Tag: html5

更改rails text_field表单构建器类型: 我一直在研究HTML5表单中提供的新选项，例如将输入类型声明为“email”，“url”和“number”，如此处所述。如何将这些与轨道表单构建器一起使用？我试过了 ‘user@domain.com’} %> 但这不起作用。我也试过了 ‘user@domain.com’, :type => :email} %> 但类型仍然是“文本”而不是被覆盖。是否可能，或者这是否需要在Rails中解决？

如何将文件从HTML5拖放到Rails 3 App和Paperclip？: 我正在尝试使用Paperclip在Rails 3应用程序中获得一些html5拖放function。所以，基本上：将一个或多个文件拖放到DIV上文件被POST到Rails动作（一起或一次一个） Rails操作将每个文件保存为Paperclip中的新附件现在，我可以通过发送带有文件数据的XMLHttpRequest并让我的Rails操作读取request.raw_post的唯一方法是…这不是一个可行的解决方案，因为我需要发送其他POST参数和真实性令牌。这是我到目前为止所拥有的： Drag and drop upload Drop Files Here var dropbox = document.getElementById(“drop”); drop = function(evt) { evt.stopPropagation(); evt.preventDefault(); var files = evt.dataTransfer.files; var count = files.length; if (count > 0) { // handleFiles(files); var url = ‘/images/raw’; var request = new XMLHttpRequest(); request.open(“POST”, url, true); // open asynchronous […]

Rails link_to方法:: delete: 我很抱歉问什么可能是一个补救问题，但在学习rails时我试图按照本教程中的注释说明： http://guides.rubyonrails.org/getting_started.html 我昨晚在本教程中发布了一个类似的问题并得到了一个迅速响应，这对我帮助很大，所以我希望同样如此。先感谢您。第5.14节：删除post 我被指示向index.html.erb页面添加删除链接 Listing Posts Title Text 产生： Destroy 对我来说看起来不错，但是当我点击链接时，我既没有得到确认，也没有指向删除操作。它会生成此HTTP操作 Request URL:http://localhost:3000https://stackoverflow.com/posts/1 Request Method:GET Status Code:200 OK Rails：4，Ruby：2,64位windows 8，chrome：版本28.0.1500.72 m 再次感谢你添加application.html.erb Listing true %> 产生了这个错误： Posts #index中的ExecJS :: RuntimeError显示C：/Ruby-Projects/listing/app/views/layouts/application.html.erb，其中第6行引发：（在C：/Ruby200-x64/lib/ruby/gems/2.0.0/gems/turbolinks-1.3.0/lib/assets/javascripts/turbolinks.js.coffee）提取的来源（第6行）：3 4 5 6 7 8 9列出 true％> Rails.root：C：/ Ruby-Projects / listing 应用程序跟踪| 框架跟踪| 完整跟踪应用/视图/布局/ application.html.erb：6：在`_app_views_layouts_application_html_erb___567964991_28724900’请求参数：没有的application.js //= require […]

将音频文件保存在rails中: 我有简单的rails应用程序，我使用HTML5音频web api与recorder.js录制语音，然后将其保存在应用程序服务器上。录音发生很好，我可以重播录音和听到声音，但当我在服务器上发布时，我的音频文件是空白的。 html / js代码 function stopRecording() { recorder.stop(); recorder.exportWAV(function(s) { audio.src = window.URL.createObjectURL(s); sendWaveToPost(s); }); } function sendWaveToPost1(blob) { alert(‘in’); var data = new FormData(); data.append(“audio”, blob, (new Date()).getTime() + “.wav”); var oReq = new XMLHttpRequest(); oReq.open(“POST”, “/audio/save_file”); oReq.send(data); oReq.onload = function(oEvent) { if (oReq.status == 200) { console.log(“Uploaded”); } else { console.log(“Error […]

Rails 3和HTML 5 Microdata: 在Rails中，是否可以使用任何ActionView助手创建HTML 5无值属性？我正在尝试为谷歌的BreadCrumbs创建HTML 5 itemprop微数据。这是我想要生成的输出：但是您可以看到itemscope属性值没有值。理想情况下，我想在Rails中做这样的事情…… content_tag(:div, “somecontent”, :itemscope => nil, :item_type => “http://data-vocabulary.org/Breadcrumb”) …但我似乎无法生成没有值的属性。

存储HTML5地理位置数据: 如何在Rails 3中存储和处理网站用户的地理位置（long和lat），以便检查我们是否已经在每个页面请求中为该用户的会话中保留这些详细信息（如果我们是没有详细信息，那么我们应该从浏览器请求用户的位置，然后将这些详细信息存储在会话中）？

使用Carrierwave（HTML5）一次上传多个文件到Rails应用程序: 我很接近……非常接近……我能够上传单个文件就好……但是当我将表单的file_field类型更改为:multiple => true我可以一次上传多个图像上传的文件被包装在一个数组中……’accepts_nested_attributes_for`的’魔力’丢失了。编辑：经过更多的考试，我想知道我是否需要打扰accepts_nested_attributes_for ？也许我应该在我的Gallery表单中有一个file_field, :multiple => true （而不是嵌套表单），然后在我的创建操作中创建新的库，然后循环遍历params[:gallery][:photos_attributes][“0”][:image]中的每个元素params[:gallery][:photos_attributes][“0”][:image]数组，可以这么说，为每个元素调用@gallery.photos.create 。？！？看起来很麻烦……但我能想到的就是这些。希望有更多Rails经验的人可以加入…… PARAMS： {“utf8″=>”✓”, “authenticity_token”=>”9jXvIwcllct7UyUfo6cvhEucQf2u3SY50SuaCLtFO4c=”, “gallery”=>{ “name”=>”First Gallery”, “photos_attributes”=>{“0″=>{ “image”=>[ #<ActionDispatch::Http::UploadedFile:0x00000104b78978 @original_filename="first_test_image.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"gallery[photos_attributes][0][image][]\"; filename=\"first_test_image.jpg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#>, #<ActionDispatch::Http::UploadedFile:0x00000104b78950 @original_filename="second_test_image.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"gallery[photos_attributes][0][image][]\"; filename=\"second_test_image.jpg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#> ] } } }, “commit”=>”Save”, “action”=>”create”, “controller”=>”galleries”} #app/models/gallery.rb class Gallery :destroy accepts_nested_attributes_for :photos end #app/models/photo.rb […]

如何捕获HTML5麦克风输入到icecast？: 通过HTML5 / Javascript（无闪存）捕获麦克风音频流然后将其发送到已设置的icecast服务器的步骤和方法是什么？解决方案必须完全基于浏览器/网络，无需其他软件。服务器在Rails 5.0.0.1上。我应该从哪里开始？我很难在网上找到任何相关信息，因为所有内容都谈到将音频文件上传/录制为完整文件，而不是流。

从html表单提交运行Ruby文件: 我有一个Ruby程序，它读取一个文件并返回一个特定的输出。我现在必须使用Sinatra创建该程序的Web应用程序。我创建了一个包含所有文件选项的form ，现在我想在按下提交按钮后从表单中运行该选定文件的Ruby代码。基本上，我不确定如何让这个外部Ruby程序与用户从HTML form选择的文件名一起运行。 Ruby程序（ example.rb ）以定义def read_grammar_defs(filename) 。 // sinatra_main.rb require ‘sinatra’ require ‘sinatra/reloader’ if development? #gem install sinatra-contrib require ‘./rsg.rb’ get ‘/’ do erb :home end post ‘/p’ do //call program to read file with the parameter from form end // layout.erb RubyRSG Demo Select grammar file to create randomly generated […]

Ruby和Webrickvideo流: 我正在开发一个网络应用程序，它将流式传输video数据库，但我遇到了Webbrick和HTML5video的困难。我使用的是简单的HTML标签，但video似乎无法显示。任何帮助？（文件路径是正确的顺便说一句）。这是我的HTML代码： “320×240”, :controls => true, :autobuffer => true) %> 我的Ruby代码：在config / application.rb中： … .. #HTML5 Video !!! config.assets.paths << "#{Rails.root}/public/assets/videos" .. … 现在我使用Webrick作为制作服务器，我将video放在“/ public / assets / videos”下，但video没有显示任何帮助？