Magento 1.9 – Prototype.js Upload and Browse Not Working v1.9.2.1

javascriptmagento-1.9

The buttons are there, but as with 8788v2 patch they are showing on the left hand side, not the right, they are also not working. Checking in the console:

prototype.js:828 Uncaught ReferenceError: Uploader is not defined
    at eval (eval at <anonymous> (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:612:64), <anonymous>:3:24)
    at eval (eval at <anonymous> (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:612:64), <anonymous>:8:7)
    at http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:612:64
    at http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:865:29
    at http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:825:18
    at Array.forEach (native)
    at Array.each (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:824:12)
    at Array.collect (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:864:10)
    at String.evalScripts (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:612:34)
    at Function.<anonymous> (http://defibshop.yoma-cloud.co.uk/js/prototype/prototype.js:391:23)

However I have copied the original file from the Magento version and replaced it, still not working. I have cleared the cache, reindexed and also tried a number of different browsers.

Any ideas what it could be?

8788 patch has been applied. In the console:

When loading the page, checking the console:

(index):1829 Uncaught ReferenceError: Uploader is not defined(anonymous function) @ (index):1829(anonymous function) @ (index):1834
(index):1846 Uncaught SyntaxError: Unexpected token ,

Best Answer

set js merged to no in System->Configuration->Developer

and

check below js were added or not

lib/uploader/flow.min.js
lib/uploader/fusty-flow.js
lib/uploader/fusty-flow-factory.js 
mage/adminhtml/uploader/instance.js

if those js were not included then include below js files in head and check

If those js file not present in directory then copy from the fresh magento and include this files via below code

<reference name="head">
        <action method="addJs"><file>lib/uploader/flow.min.js</file></action>
        <action method="addJs"><file>lib/uploader/fusty-flow.js</file></action>
        <action method="addJs"><file>lib/uploader/fusty-flow-factory.js</file></action>
        <action method="addJs"><file>mage/adminhtml/uploader/instance.js</file></action>
</reference>

Related Solutions

Magento – Error in Prototype.js

It would be helpful to see the code in and around line 38 in wishlist.js, as that's where the "real" error is triggered.

(anonymous function) wishlist.js:38

The code you've linked is Prototype JS framework code, and the problem is something dodgey was passed into the framework code.

Additionally, most Prototype JS/jQuery conflicts are cause by not being in "noConflict" mode (even though you think you are). Try opening a javascript console window and checking the value of $. If it's something like this

> $
function (a,b){return new e.fn.init(a,b,h)}

Then jQuery has rewritten the value of $, and you're not in no conflict mode. If it's more like this

> $
function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}

Then jQuery is correctly in no conflict mode, so that's probably not the problem.

Update: Based on the code sample provided, my guess the Enterprise.Widget variable defined in

Enterprise.Wishlist.Widget.Form = Class.create(Enterprise.Widget, {

isn't defined before it's used. Inheritance in Prototype JS's class system works by itterating over methods on the base class-object and adding them to the new class object (the new class object here is Enterprise.Wishlist.Widget.Form). I'd check that Enterprise.Widget is defined before being used with alert or console calls

alert(Enterprise.Widget);
alert(Enterprise);

console(Enterprise.Widget);
console(Enterprise);

Enterprise.Wishlist.Widget.Form = Class.create(Enterprise.Widget, {

If it's not, then your problem is either

The javascript class file which defines Enterprise.Widget isn't being included in a script tag
The javascript class file which defined Enterprise.Widget is being included, but it's being included after wishlist.js.

Magento – magento 1.9.3.2 backend reset password error

I just fixed the problem for my project. For me this looks like strange behaviour of the return Content-type header.

My solution is just to patch "app/design/adminhtml/default/default/template/forgotpassword.phtml" by adding one extra GET parameter in JS request url. I added "c=auto"

I changed:

src="<?php echo $this->getJsUrl(); ?>index.php/x.js?f=prototype/prototype.js,prototy......"></script>

To:

src="<?php echo $this->getJsUrl(); ?>index.php/x.js?c=auto&f=prototype/prototype.js......"></script>

I am not going too deep in the problem but by adding c=auto we force the php script that returns the JS content to set the correct Content-type. Probably this happens because the webserver recognises that the JS file is served from js/index.php and that is why the Content-type was text/html rather than text/javascript

I think that there are 2 solutions:

Fix the problem by changing webserver configuration.
Patch the template file.

Cheers!

Best Answer

Related Solutions

Magento – Error in Prototype.js

Magento – magento 1.9.3.2 backend reset password error

Related Topic