Here are videos of the glitch I'm talking about. Both of these videos were recorded using bandicam, at 25 frames per second.
https://i.imgur.com/l8yGDU6.mp4
https://i.imgur.com/qxEFUbt.mp4
As you can see, when I upload blue.jpg twice in a row, it doesn't work the second time, but when I rename blue.jpg to something else like blue1.jpg, somehow it now works, but then I can't reupload that same blue1.jpg again unless I rename it again to something else.
This doesn't happen on non-chromium browsers such as firefox.
https://i.imgur.com/z9VjpRY.mp4
As you can see, it works fine on firefox.
On the chromium-based browsers however, not only do I have that issue of custom card images not being able to be uploaded successfully more than 1 time in a row unless I refresh the page or rename the image, but whenever I upload my custom card image successfully on the chromium-browsers, I get this error in the console:
Code: Select all
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.
at HTMLHtmlElement.<anonymous> (https://www.duelingbook.com/static/utils.js?v=412:6410:18)
at HTMLHtmlElement.dispatch (https://www.duelingbook.com/static/jquery.min.js:3:10316)
at HTMLHtmlElement.q.handle (https://www.duelingbook.com/static/jquery.min.js:3:8343)
(anonymous) @ utils.js?v=412:6410
dispatch @ jquery.min.js:3
q.handle @ jquery.min.js:3
This is what the error looks like when it happens:
Yet, when I upload images on firefox, I never get this error in the firefox console.
I'm guessing this error has something to do with the problem. It's saying it "failed to set" some sort of value property on one of duelingbook's elements, but I don't know which element it's trying to change the value of, why it needs to do that when images are being uploaded on chromium-based browsers, and why this issue never comes up on firefox or any other browser that is not chromium-based.