javascript - Reactjs URL.createObjectURL is not a function - Stack Overflow

admin管理员组

文章数量:1414946

I have this loadfile function that loads an image after uploading.. I want to convert to get its URL path... but im receiving an error "URL.createObjectURL is not a function" but when i console the e.target.files[0], I can view the file in console.. can any one help me?

 loadFile: function(e){
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(e.target.files[0]);
 }

I have this loadfile function that loads an image after uploading.. I want to convert to get its URL path... but im receiving an error "URL.createObjectURL is not a function" but when i console the e.target.files[0], I can view the file in console.. can any one help me?

 loadFile: function(e){
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(e.target.files[0]);
 }

• javascript
• jquery
• reactjs

Share Improve this question Follow asked May 13, 2016 at 10:23 trebtreb 54811 gold badge77 silver badges1616 bronze badges 1

• Do you have any database storages like Firebase Storage? – Ragul CS Commented Mar 14, 2020 at 1:06

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

This most definitely is unrelated to react. The reason you're likely experiencing this is the createObjectURL is still a part of a working draft and has not yet been finalized, and as such you won't have much browser patibility. See the below patibility chart to see if your browser supports the feature:

https://developer.mozilla/en-US/docs/Web/API/URL/createObjectURL#Browser_patibility

本文标签： javascriptReactjs URLcreateObjectURL is not a functionStack Overflow