This forum is a community forum meant for users of the plugin to collaborate and help solve issues with implementation, etc. Unfortunately, as the creator of the plugin, I do not have much time to attend to every request here as this is only a side project and I must work a full-time job to provide for my family. This is how I keep the Flash version free and the HTML5 version low cost.
UploadiFive 1.1.1 has been released which includes a small fix for added support on touch devices including iOS 6 devices.
noConflict()
  • christine.panuschristine.panus
    Hello, I'm very excited about this plugin, however, I think I'm causing troubles by using the noConflict option on jQuery.

    If I run the JavaScript as follows (the alert is there to prove jQuery functions), it runs fine:


    <script language=\"JavaScript\">
    	alert($('#uploadFile').val());
    	$(document).ready(function() 
    	{
    		$('#uploadFile').fileUpload(
    		{
    		  uploader:'/sharedImages/flash/uploader.swf',
    		  script:'/index.cfm/fileManagement/ehAttachmentAdmin/upload',
    			//buttonImg:'/_images/browse-files.png',
    		  cancelImg:'/sharedImages/buttons/cancel.gif',
    		  //auto:true,
    		  folder:'/temp',
    		  onError: function (a, b, c, d) {
    	         if (d.status == 404)
    	            alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
    	         else if (d.type === \"HTTP\")
    	            alert('error '+d.type+\": \"+d.status);
    	         else if (d.type ===\"File Size\")
    	            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
    	         else
    	            alert('error '+d.type+\": \"+d.text);
    	      },
    		});
    });
    </script>


    However, if I run the same code like this, the alert functions, proving jQuery is functional, however the fileUpload onSelect never fires.:



    <script language=\"JavaScript\">
    	var $j = jQuery.noConflict();
    	alert($j('#uploadFile').val());
    	$j(document).ready(function() 
    	{
    		$j('#uploadFile').fileUpload(
    		{
    		  uploader:'/sharedImages/flash/uploader.swf',
    		  script:'/index.cfm/fileManagement/ehAttachmentAdmin/upload',
    			//buttonImg:'/_images/browse-files.png',
    		  cancelImg:'/sharedImages/buttons/cancel.gif',
    		  //auto:true,
    		  folder:'/temp',
    		  onError: function (a, b, c, d) {
    	         if (d.status == 404)
    	            alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
    	         else if (d.type === \"HTTP\")
    	            alert('error '+d.type+\": \"+d.status);
    	         else if (d.type ===\"File Size\")
    	            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
    	         else
    	            alert('error '+d.type+\": \"+d.text);
    	      },
    		});
    });
    </script>


    Am I doing something wrong?

    Thanks!
    Christine
  • dfediukdfediuk
    The plugin does not support jQuery.noConflict() statement.
    To support it you must replace "$" on "jQuery" in:
    1) jquery.uploadify.js
    2) uploader.fla (and recompile it)
    The modified version is in attachment.
  • christine.panuschristine.panus
    Perfect! Thank yoU!
  • garegare
    Hi -

    Has anyone actually gotten this to work with prototype? Thanks.
  • rwangerrwanger
    I've having a problem with this as well. I'm using Prototype elsewhere on the page. Everything works using Uploadify except that the progress bars do not display. (The files upload and are processed correctly). My code looks like this:

    	<script type=\"text/javascript\">
    	jQuery(\"#fileUpload\").fileUpload({
    		'uploader': '/uploadify/uploader.swf',
    		'cancelImg': '/images/cancel.png',
    		'script': '<%= user_trip_trip_segment_el_photos_path %>',
    		'scriptData': {current_user_id: '<%= @current_user.id %>', current_trip_segment_id: '<%= @trip_segment.id %>'},
    		'folder': '/uploads',
    		'fileDesc': 'Image Files',
    		'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
    		'multi': true,
    		'auto': true,
    		'simUploadLimit': 20,
    		'buttonText': 'Choose Photo(s)'
    	});
    	</script>


          <fieldset style=\"border: 1px solid #CDCDCD; padding: 8px; padding-bottom:0px; margin: 8px 0\">
    		<legend><strong>Upload your photo(s) directly to Everlater</strong></legend>  
    		<div id=\"fileUpload\">You have a problem with your javascript</div>  
    		<p></p>
        </fieldset>


    I downloaded the files attached above and put them into the project. Still no luck. Is this a prototype / jquery issue, or something else? My html code is coming directly from one of the examples on the uploadify site. Thanks.
  • rwangerrwanger
    Actually, I found the problem already:

    In my desperation, I had included the uploadify source file

      <%= javascript_include_tag \"jquery-1.3.2.min\" %>
      <%= javascript_include_tag \"jquery.uploadify\" %>
      <%= javascript_include_tag \"jquery.uploadify (Source)\" %>


    I remove it so it looks like this:

      <%= javascript_include_tag \"jquery-1.3.2.min\" %>
      <%= javascript_include_tag \"jquery.uploadify\" %>


    Problem solved!
  • jemmingerjemminger
    Does anyone have the recompiled uploader.fla that was supposed to be attached here?
Add a Comment