how to configure jquery file upload plugin -

-

i trying use jquery file upload plugin ruby on rails upload files. below things objectives.

  • able drag , drop multiple files

  • i can send single file @ time. having 10 files means plugin should send 1 one file name filedata.

  • after selecting files, can removed before sending server.

  • and should show file upload progress

but using sample code, when try drag , drop files, sending 1 file server , not showing file name in filepreview. if autoupload enabled, sending selected file. still not showing filename in filepreview. remove selected file got suggestion here. after clicking start upload button getting javascript error. says "ncaught typeerror: cannot read property 'size' of undefined". please on issue. in advance.

sample code here.

<%= javascript_include_tag 'application/jquery.ui.widget' %>  <%= javascript_include_tag 'application/jquery.iframe-transport' %>  <%= javascript_include_tag 'application/jquery.fileupload' %>  <script type="text/javascript">      $('#filedata').fileupload({          options: {              singlefileuploads: false,              sequentialuploads: true,              autoupload: false,              dropzone: $('#file-form')          },          change: function (ev, data) {              $.each(data.files, function (index, file) {                  alert('selected file: ' + file.name);                  alert('selected file size: ' + file.size);                  $("#filepreview").append(                      $('<span>').text(file.name)                      .append('<a class="removebutton" href="#"> <img src="/oldimages/note_deletebut.png"/> </a>')                      .attr('id', 'filespan')                      .append($('<br>'))                  );              });          },          add: function (e, data) {              $(".removebutton").click(function() {                 $(this).parent().remove();                 data.files.splice(0,1); //to test              });              $("#triggerupload").off('click').on('click',function () {                             data.submit();              });          },          formdata: {          },          url: "url",          done: function (e, data) {              console.log("success")              console.log(data.result)          }      });  </script>  <form id="file-form" enctype="multipart/form-data" method="post" name="fileinfo">      <div class="upload-droparea fnt6c"> drop files here<br>or <br>          <span class="btn btn-default orngbtn lesbtn filesbg uplod-btn">              <span>select files</span>              <input type="file" id="filedata" name="filedata" multiple>          </span>      </div>      <div id="filepreview"></div>      <button id="triggerupload" value="start upload" class="btn btn-default orngbtn lesbtn filesbg" type="button">start upload      </button>      <button data-dismiss="modal" id="cancelupload" value="cancel" class="btn btn-default orngbtn lesbtn filesbg" type="button">cancel</button>  </form>

i've got same error (on line 116 in fileupload-ui.js). there error in template, resulted in more indexes pictures added, leading data element undefined


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more