Question

97

js error : 'createObjectURL' on 'URL': Overload resolution failed.

rated 0 times [ 102] [ 5] / answers: 1 / hits: 5393 / 2 Years ago, sat, march 26, 2022, 12:00:00

I try to display an image on a php page in js, knowing that my image via an input file.
here is my code:

<script>

  function image(){

    var x = document.getElementById("image_uploads");

    var test = URL.createObjectURL(x);

    //document.getElementById("img").src = URL.createObjectURL(x);

    }

</script>



<body>

  <div class="frItem31">

    <form name="saisie" action="" method="post">

      Image 1 :<input type="file" id="image_uploads" class="image_uploads" name="image_uploads" accept="image/*"/> 

      <br>

       <img id="img" class="img">

       <br>

       <input type="button" id="calcVitesse" class="calcVitesse" value="calculer la vitesse" onclick="image()">

    </form>

  </div>

</body>

here is the error I get:

Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.

    at image (image.php:20:32)

    at HTMLInputElement.onclick (image.php:80:125)

image @ image.php:20

onclick @ image.php:80

Could you help me please !?!

G.B.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

1 Vue.js - How to implement Computed properties on objects of array?

Tue, Nov 20, 18, 00:00, 6 Years ago

View All

answered 2 Years ago allans · Accepted Answer

you're passing an HTML element instead of a file. To get the file, use .files property, which behaves like an Array, so you can iterate it. see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files

try this:

  function image() {

    var x = document.getElementById("image_uploads");

    if (x.files.length) {

        var test = URL.createObjectURL(x.files[0]);

    }



  }