Hi,

Do you have Firebug installed in Firefox? If so, open a front-end page with the Uploadify control, open Firebug in the Net tab and hit Ctrl+F5.
See if you're getting any red "404 not found" results in the Net tab in Firebug.

Also, is it working on the back-end?

I'm having the same problem, I had to do a manual install because the auto install failed. The net tab in firebug shows no 404 errors.

I did some more digging and it looks like the Datatype doesn't get created with the automatic installation. Does anyone know how to do this manually? I didn't see much documentation ...

Thanks!

I've uploaded a new version compatible with umbraco 4.7, which should fix these issues... I hope!

Let me know how you get on.

Thanks Emanuel.

I uninstalled the previous version and installed the new one you just put up, Gecko_Uploadify_15. The install didn't fail like it had before, but when I put the macro into a template, the same problem occured: no upload button.

Have you been able to replicate this problem?

Thanks!

Frost,

No, I haven't been able to replicate that problem. Is that happening on all browsers?

Right, the upload button doesn't appear in any browser. I made a video showing the complete installation and where it's failing ... would you mind taking a look?

Thanks

--

I'm trying to use the Gecko Uploadify Macro in Umbraco that will allow public users to upload images to a certain media folder. Once I install the package and put the macro in a template, I'm only able to browse and select a file, but there's no 'upload' button in FF, IE, or Chrome.

Umbraco 4.7.1
Gecko Uploadify 15

http://youtu.be/HaOG9oeQxQ0

Frost,

Thanks for the video. I noticed something you were doing wrong: the OnComplete and OnAllComplete fields in the Macro are not text fields, they're Javascript fields.
So by writing "Thank you!" I presume you're blowing up the Javascript engine, which causes the whole script to fail.

Leave those fields blank and try again. Also, check in Firebug for any Javascript errors if the problem persists.

Good luck,
Emanuel

I'm experiencing the same problems as everyone above...

I'm also now getting errors whenever opening a folder in the media section...Installing the new version of Uploadfiy and trying to insert the macro on the front-end is the only thing i've done.

Guys,

Do you have jQuery on the front-end? Gecko Uploadify needs jQuery.
I did a quick test on a 4.7.1 website and it worked.

Amir: Check the "Folder" Media Type to make sure you don't have two "uploadFiles" properties.

Hi Emanuel, I have jquery-1.4.2.min on the front-end. Also, I'm not getting any javascript errors. I don't see anywhere in the Uploadify.ascs file where it actually calls for an upload button?

Thanks for your help,

Amir

You were right about the duplicate properties on the Folder Media Type :)

Amir,

Can you please post the source for the page where Uploadify is being used?
At least the relevant part where the Uploadify macro is being used.

Emanual, I can't really post all of the source, here's all of the javascript, is there anything in particular you're looking for that i could help with?

<script src="/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

  <script src="/scripts/cufon-yui.js" type="text/javascript"></script>
  <script type="text/javascript" src="/scripts/replace-ultra_450.font.js"></script>
  <script type="text/javascript" src="/scripts/replace-medium_350.font.js"></script>
  <script type="text/javascript" src="/scripts/hoverIntent.js"></script>
  <script type="text/javascript" src="/scripts/superfish.js"></script>
  <script type="text/javascript" src="/scripts/loginform.js"></script>

  <script type="text/javascript" src="/scripts/jquery.fancybox-1.3.4.pack.js"></script>
  <script type="text/javascript" src="/scripts/jquery.easing-1.3.pack.js"></script>
  <script src="/scripts/swfobject_modified.js" type="text/javascript"></script>
  <script src="/scripts/jquery.validate.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="/scripts/jquery.form.js"></script>
  <script type="text/javascript" src="/scripts/contourform.js"></script>

  <script type="text/javascript">
    Cufon.replace('h1', { fontFamily: 'replace-ultra' });
    Cufon.replace('h2', { fontFamily: 'replace-ultra' });
    Cufon.replace('h3, h4', { fontFamily: 'replace-ultra' });
    Cufon.replace('h3.newsTitle', { fontFamily: 'replace-medium' });
    Cufon.replace('#newsNavigation', { fontFamily: 'replace-medium', hover: 'true' });
    Cufon.replace('#mainNav, #biddersArea', { fontFamily: 'replace-medium', hover: 'true' });
    Cufon.replace('h6', { fontFamily: 'replace-ultra' });
    $(document).ready(function() { 
       $('ul.sf-menu').superfish({ 
            delay:       600,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'fast',                          // faster animation speed 
            autoArrows:  false,                           // disable generation of arrow mark-up 
            dropShadows: false                            // disable drop shadows 
         //onInit:        function(){Cufon.refresh();}
       }); 
      $("ul.sf-menu, #secondaryNav, #biddersArea").hover(function () {Cufon.refresh();});
      $(".threeColButton").hover(function() {
          $(this).children("*").append($("<span>></span>"));
            }, function() {
          $(".threeColButton span  span").remove();
      });
      $(".timeline").fancybox({
        'type'  : 'swf',
        'padding'      : 0,
        'transitionIn'    : 'fade',
        'transitionOut'    : 'fade',
        'overlayColor' : '#000',
        'autoScale' : false,
        'width' : 1020,
        'height' : 574
      });
      $(".inlineTimeline").fancybox({
        'transitionIn'    : 'fade',
        'transitionOut'    : 'fade',
        'overlayColor' : '#000',
        'width' : 1020,
        'height' : 574,
        'padding' : 0,
        'autoScale' : false
      });
      $(".documents tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
       $(".documents tr:even").addClass("grayRow");
      $f(".ipad", "http://video.bidxgames.com.s3.amazonaws.com/flowplayer-3.2.7.swf",
        {
          clip: {
            autoPlay:false,
            autoBuffering: true
          }
        }).ipad();
    }); 
    </script>

I don't see Uploadify anywhere on that code. Are you adding the macro to the template?

Hi there

I have the same problem as mentioned above.I have a Umbraco 4.7.1 installed and the only thing i have on the template is:

<%@ Master Language="C#" MasterPageFile="~/umbraco/masterpages/default.master" AutoEventWireup="true" %>

<asp:content id="Content1" contentplaceholderid="ContentPlaceHolderDefault" runat="server">
<html>  
<head>
  <script src="http://code.jquery.com/jquery-1.7.1.js" type="text/javascript">script>
>
<body> 
     
  <umbraco:Macro MediaFolder="1215" InputFieldId="" ButtonText="Upload" AllowedTypes="" OnComplete="" OnAllComplete="" SizeLimitMB="2" Alias="GeckoUploadify" runat="server">umbraco:Macro>

>
> 
>

But still i only shows the Browse button.

The HTML and JS the Macro generates is this:

 <link href="/usercontrols/Gecko.Uploadify/uploadify.css" rel="stylesheet" type="text/css" />

<script src="/usercontrols/Gecko.Uploadify/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>

<script src="/usercontrols/Gecko.Uploadify/swfobject.js" type="text/javascript"></script>







<input id="" name="" type="file" />



<script type="text/javascript">

    $(function () {

        var errorsOccurred = false;

        var auth = "C0C6A36003AF5B9E9DF6024AEC003D73AB33F554D6B295FF84BF2EF3C12529EFCCBD029CE0767506C30D975760EFF6CE1E088541D0C20DCAAF23552DF015984203EA6E5BD67BB29E127885C011B8D23829F30568E0FBDB2DD6D5B49289CCBAD7BEC5ADBC188BCDFD7356168D724BC70C76603D868F659B3B30CFE14BD2A0C834";

        var input = $('#');

        input.uploadify({

            'uploader': '/usercontrols/Gecko.Uploadify/uploadify.swf',

            'script': '/usercontrols/Gecko.Uploadify/Uploadify.ashx',

            'cancelImg': '/usercontrols/Gecko.Uploadify/cancel.png',

            'auto': true,

            'multi': true,

            'wmode': 'transparent',

            //'buttonImg' : '/usercontrols/Gecko.Uploadify/upload.png',

            //'width': 102,

            //'height': 37,

            'sizeLimit': 2097152,

            'buttonText': 'Upload',

            'scriptData': {

                'AUTHID': auth,

                'mediaFolder' : 1215

            }



                ,'fileExt' : 'jpg'

                ,'fileDesc' : 'jpg'



            ,'onComplete': function(event, queueID, fileObj, response, data) {







                    if (response != "1") { errorsOccurred = true; alert(response); }



                return false;

            }

            ,'onAllComplete': function(event, data)  {







                if (data.errors == 0 && !errorsOccurred) {

                    window.location.reload();

                }

                errorsOccurred = false;



            }

        });

    });

</script>

Hi Bjarke,

Your InputFieldId can't be null. Write something on it and it should work.

Cheers,
Emanuel

Ahh Great Thank you :)

Nice Package by the way ;)

Can you explain what exactly the InputFieldId is used for? right now i just typed in som random number :)

Regards Bjarke

If you take a look at the sample code you pasted, you should see an <input ... type="file">.
The InputFieldId is basically your way of controlling the id and name of that input tag.
We need the ID to be set on the input tag so we can target it with jQuery.
If you look at your sample again, you should see

var input = $('#');

That '#' is targetting nothing, which was your problem. As long as you set the field ID, you should be OK.
I actually thought I had created a failsafe for this (using a default id/name if none was provided) but apparently it's not working.
I'll update it sometime in the future.

Emanuel

even though i have tried to follow the guidance from this thread, i still can't get it to work frontend :(

i get a javascript error about "jQuery" not being defined. Any ideas?

Christian,

If jQuery is not defined, then you need to define it.

You need to add jQuery to your template. Add a javascript reference to it in the HTML header:
http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js

Emanuel

woaw this is not embarrassing at all..... :P

i had not included the jquery javascript

hey, posted just at the same time. But thanks a lot... awesome control that you have made!

Hi. I've installed version umbraco v 4.7.2 (Assembly version: 1.0.4500.21031).

I'm new at this but I have tried everything and my upload button don't appear on the macro. It works fino on the backoffice.

Can you help me?

script

script type="text/javascript">
 $(function () {
  var errorsOccurred = true;
  var auth = "893BCA2808416AEBE22F98AEA7C4B360023F851294B09692FAF868176088047DA555D0F86DB4BC2333BF9B7D9445E4AFA8B2A084078E9824C8F981E185387C8EC270E35DA064DF345797FAACDD623FA427D85CCC545F11CF63369D0E712D1C644EB2308E2B2A42C658F027D50E255E47D92106117E80D71BA1362BFDCB493EB64138AE504B673A98797166D50C0E63B4";
  var input = $('#re');
  input.uploadify({
   'uploader': '/usercontrols/Gecko.Uploadify/uploadify.swf',
   'script': '/usercontrols/Gecko.Uploadify/Uploadify.ashx',
   'cancelImg': '/usercontrols/Gecko.Uploadify/cancel.png',
   'auto': true,
   'multi': true,
   'wmode': 'transparent',
   //'buttonImg' : '/usercontrols/Gecko.Uploadify/upload.png',
   //'width': 102,
   //'height': 37,
   'sizeLimit': 2097152,
   'buttonText': 'Updf',
   'scriptData': {
    'AUTHID': auth,
    'mediaFolder' : 1124
   }
   
    ,'fileExt' : '*.png'
    ,'fileDesc' : '*.png'
   
   ,'onComplete': function(event, queueID, fileObj, response, data) {
    
      
    
     if (response != "1") { errorsOccurred = true; alert(response); }
    
    return false;
   }
   ,'onAllComplete': function(event, data)  {
    
      
    
    if (data.errors == 0 && !errorsOccurred) {
     window.location.reload();
    }
    errorsOccurred = false;
    
   }
  });
 });

if (data.errors == 0 && !errorsOccurred) {

window.location.reload();

}

errorsOccurred =

false;

------------------------------------------------------- //////////////////////////////////////////////////////////////////----------------------------------------------

Can you help me?

Hi. I've installed version umbraco v 4.7.2 (Assembly version: 1.0.4500.21031).

I'm new at this but I have tried everything and my upload button don't appear on the macro. It works fino on the backoffice.

Can you help me?

script

script type="text/javascript">
 $(function () {
  var errorsOccurred = true;
  var auth = "893BCA2808416AEBE22F98AEA7C4B360023F851294B09692FAF868176088047DA555D0F86DB4BC2333BF9B7D9445E4AFA8B2A084078E9824C8F981E185387C8EC270E35DA064DF345797FAACDD623FA427D85CCC545F11CF63369D0E712D1C644EB2308E2B2A42C658F027D50E255E47D92106117E80D71BA1362BFDCB493EB64138AE504B673A98797166D50C0E63B4";
  var input = $('#re');
  input.uploadify({
   'uploader': '/usercontrols/Gecko.Uploadify/uploadify.swf',
   'script': '/usercontrols/Gecko.Uploadify/Uploadify.ashx',
   'cancelImg': '/usercontrols/Gecko.Uploadify/cancel.png',
   'auto': true,
   'multi': true,
   'wmode': 'transparent',
   //'buttonImg' : '/usercontrols/Gecko.Uploadify/upload.png',
   //'width': 102,
   //'height': 37,
   'sizeLimit': 2097152,
   'buttonText': 'Updf',
   'scriptData': {
    'AUTHID': auth,
    'mediaFolder' : 1124
   }
   
    ,'fileExt' : '*.png'
    ,'fileDesc' : '*.png'
   
   ,'onComplete': function(event, queueID, fileObj, response, data) {
    
      
    
     if (response != "1") { errorsOccurred = true; alert(response); }
    
    return false;
   }
   ,'onAllComplete': function(event, data)  {
    
      
    
    if (data.errors == 0 && !errorsOccurred) {
     window.location.reload();
    }
    errorsOccurred = false;
    
   }
  });
 });

if (data.errors == 0 && !errorsOccurred) {

window.location.reload();

}

errorsOccurred =

false;

------------------------------------------------------- //////////////////////////////////////////////////////////////////----------------------------------------------

Can you help me?

Claudio,

View the page with the Uploadify macro in Firefox and open Firebug to see if you have any javascript errors in the Console.
Also, make sure you have a reference to jQuery in your template.

Emanuel

Hi, Emanuel.

I view the page in Firefox and get the error

...r--></div></div></div>')}});if(typeof(settings.onSelectOnce)=="function"){a(this...

"

How ca I define it and where?

Thanks in advance.. I know this should be a trivial thing for you probably.. Sorry about that

Claudio,

Add the following line to your <head> section:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

Emmanuel,

I just added that and still have this two errors.

jQuery is not defined

 

...r--></div></div></div>')}});if(typeof(settings.onSelectOnce)=="function"){a(this... jquery....min.js (linha 26)

$ is not defined

 

$(function () {

My site is not the default site. I don't know if this could be the reason?

and this is the source code of my page:

<input id="ContentPlaceHolderDefault_masterContent_Item2_SubmeterCandidatura_6_pnlForm" name="ContentPlaceHolderDefault_masterContent_Item2_SubmeterCandidatura_6_pnlForm" type="file" />

<script type="text/javascript">
    $(function () {
        var errorsOccurred = true;
        var auth = "";
        var input = $('#ContentPlaceHolderDefault_masterContent_Item2_SubmeterCandidatura_6_pnlForm');
        input.uploadify({
            'uploader': '/usercontrols/Gecko.Uploadify/uploadify.swf',
            'script': '/usercontrols/Gecko.Uploadify/Uploadify.ashx',
            'cancelImg': '/usercontrols/Gecko.Uploadify/cancel.png',
            'auto': true,
            'multi': true,
            'wmode': 'transparent',
            //'buttonImg' : '/usercontrols/Gecko.Uploadify/upload.png',
            //'width': 102,
            //'height': 37,
            'sizeLimit': 2097152,
            'buttonText': 'Uplo',
            'scriptData': {
                'AUTHID': auth,
                'mediaFolder' : 1124
            }

                ,'fileExt' : '*.jpg;*.jpeg;*.gif;*.png'
                ,'fileDesc' : '*.jpg;*.jpeg;*.gif;*.png'

            ,'onComplete': function(event, queueID, fileObj, response, data) {



                    if (response != "1") { errorsOccurred = true; alert(response); }

                return false;
            }
            ,'onAllComplete': function(event, data)  {



                if (data.errors == 0 && !errorsOccurred) {
                    window.location.reload();
                }
                errorsOccurred = false;

            }
        });
    });
</script>

Do you have some ideia why this erros appear?

Claudio,

That is not the source code of your page. Your page should start with a DOCTYPE declaration, followed by a <head> tag etc.
Please look at the Template you're using on your page and make the necessary changes to it.
The help you're asking is not within the scope of the Uploadify package and instead is a more generic HTML question.

És português, certo? Eu também. Se estás com problemas em meter o jQuery numa página, devias pedir ajuda a algum amigo programador. Estás a fazer o projecto para ti ou para um cliente?

Emanuel

O problema do upload já está resolvido. Como na maioria dos casos.. faltava-me um http :(...

Agora estou a debater-me com um erro http 404.7 que não me deixa fazer upload. "The request filtering module is configured to deny the file extension".

Mas calculo que este já seja do meu iis :)

Obrigado pela ajuda, Emanuel

hi Claudio,

i had the problem with the error message "not defined" to. Even though i tryed to add the minimum script and all.

What solved it for me, was that i included Google's current version of the javascript file. Then Wupti..... all was fine :D

Might worth giving a try :)

Hello

Having some issues like other on here and only getting the browse button appear when I have added the macro to the template im using 4.7.1

<%@ Master Language="C#" MasterPageFile="~/masterpages/JunglelandContentMaster.master" AutoEventWireup="true" %>

<asp:content ContentPlaceHolderId="JunglelandContentMasterPlaceholder" runat="server">
<umbraco:Item field="uploadtext" runat="server" />
  <umbraco:Macro MediaFolder="6682" InputFieldId="file" ButtonText="Upload" AllowedTypes=".jpg, .gif" OnComplete="" OnAllComplete="" SizeLimitMB="1" Alias="GeckoUploadify" runat="server">umbraco:Macro>
asp:content>

in the master page im calling

<script type="text/javascript" src="/scripts/Designit.Gallery/jquery.js">script>   
<script type="text/javascript" src="/scripts/jquery-1.6.2.min.js">script>  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js">script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js">script>
<script src="/usercontrols/Gecko.Uploadify/swfobject.js" type="text/javascript" charset="utf-8">script>

When it loads i dont have any missing js files and this is how it renders

<p>Testing<p>
<link href="/usercontrols/Gecko.Uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script src="/usercontrols/Gecko.Uploadify/jquery.uploadify.v2.1.0.min.js" type="text/javascript">
<script src="/usercontrols/Gecko.Uploadify/swfobject.js" type="text/javascript">

<input id="file" name="file" type="file" />

<script type="text/javascript">
$(function () {
  var errorsOccurred = false;
 var auth = "";
  var input = $('#file'); input.uploadify({ 
 'uploader': '/usercontrols/Gecko.Uploadify/uploadify.swf',
  'script': '/usercontrols/Gecko.Uploadify/Uploadify.ashx',
 'cancelImg': '/usercontrols/Gecko.Uploadify/cancel.png', 
 'auto': true, 
 'multi': true, 
 'wmode': 'transparent', 
 //'buttonImg' : '/usercontrols/Gecko.Uploadify/upload.png', 
 //'width': 102,
 //'height': 37, 
 'sizeLimit': 1048576, 
 'buttonText': 'Upload',
 'scriptData': { 
 'AUTHID': auth, 
 'mediaFolder' : 6682 
 } 
 ,'fileExt' : '.jpg, .gif' 
 ,'fileDesc' : '.jpg, .gif' 
 ,'onComplete': function(event, queueID, fileObj, response, data) {
  if (response != "1") { errorsOccurred = true; alert(response); } 
 return false; }
 ,'onAllComplete': function(event, data) {
  if (data.errors == 0 && !errorsOccurred) {
 window.location.reload(); 
 }
 errorsOccurred = false; 
 } 
 }); 
 });
 

Any suggestions... what am i missing?

Kevin,

Is there a special reason why you're including four different versions of jQuery on your template?
Also, you don't need the references to "swfobject.js" in your template, it's rendered by the macro (as you can see from your example above).
Once you clear these 2 problems, open the page in Firebug and see if you have JS errors on the page.

Emanuel

is working on a reply...