Skip to main content
CodeDeveloperOM
Inspiring
April 11, 2021
Question

imageUpload in movieclip

  • April 11, 2021
  • 1 reply
  • 585 views

where is the problem Attached file for my project

 

https://drive.google.com/file/d/1wFPRy-hXRpoHvqFV9CtCQFfjlcfn5M4a/view?usp=sharing

 

    // Grabbing Elements and Storing in Variables
const defaultFile = document.getElementById("default-file");
const customBtn = document.getElementById("custom-btn");
const customSpace = document.getElementById("custom-space");


this.customBtn.addEventListener("click", fl_MouseClickHandler.bind(this));
function fl_MouseClickHandler() {
    this.defaultFile();
}


this.defaultFile.addEventListener("change", defaultFile1.bind(this));
function defaultFile1() {
    if (defaultFile.value) {
        customSpace.innerHTML =
            this.defaultFile.value.match(/[\/\\]([\w\d\s\.\-\(\)]+)$/)[1];
    } else {
        this.customSpace.innerHTML = "No File, Selected!";
    }

    const files = defaultFile.files[0];


    if (files) {
        const fileReader = new FileReader();
}

    this.fileReader.addEventListener("load", function () {
        this.preview_img.setAttribute("src", this.result);
        this.console.log(this.result);
    });
    this.fileReader.readAsDataURL(files);
}

 

This topic has been closed for replies.

1 reply

kglad
Community Expert
April 11, 2021

have you created those elements (with js code or by adding to the html document)?

CodeDeveloperOM
Inspiring
April 29, 2021

@kglad adding to the html document ? why ?

Can you help me, genius?

kglad
Community Expert
April 30, 2021

I know
All of them have the same purpose
But I was amazed why he asked this question?


i asked because the first 3 lines of your code make no sense unless you'd done one of the two.