Image Tool: uploading failed because of Object

I am using editor js and the image module with Javascript. The image button appears on the editor on my page, however, it will not fully upload the photo. I get the message “cannot upload an image. Try another.” In the console, I get the following message:

I cannot find anywhere online that gives a solution to this issue. Here is my code in the HTML body, please tell me what is going wrong:

<script>
    const ImageTool = window.ImageTool;
</script>

<script>
    const editor = new EditorJS({
        holder: 'editorjs',
        tools: {
            image: {
                class: ImageTool,
                config: {
                    endpoints: {
                        byFile: 'http://localhost:8008/uploadFile', // Your backend file uploader endpoint
                        byUrl: 'http://localhost:8008/fetchUrl', // Your endpoint that provides uploading by Url
                    }
                }
            }
        }
    })
</script>

[neSpecc]

Can you show your server response?

[98sarthakjain]

SAME ISSUE!!!

@app.route("/upload-image", methods=["GET", "POST"])
def upload_image():
    if request.method == "POST":
        if request.files:
            image = request.files["image"]
            image.save(os.path.join(app.config["IMAGE_UPLOADS"], image.filename))
            print("Image saved")
            return jsonify({ "success" : 1,"file": {
        "url" : "https://www.tesla.com/tesla_theme/assets/img/_vehicle_redesign/roadster_and_semi/roadster/hero.jpg",
    }})
    return render_template("public/upload_image.html")

<> JS image: { class: ImageTool, config: { endpoints: { byFile: ‘http://127.0.0.1:5000/upload-image/’, // Your backend file uploader endpoint byUrl: ‘http://127.0.0.1:5000/upload-image/’, // Your endpoint that provides uploading by Url } },