仅从特定文件夹上传

Question

I have my working upload button that is used to browse an image from any folder and then decode the image

Here is my code in js:

var imghtml='<div id="qrfile"><canvas id="out-canvas" width="320" height="240"></canvas>'+
    '<div id="imghelp">Select a QR'+
    '<br>or drag & drop here'+
    '<input type="file" onchange="handleFiles(this.files)"/>'+
    '</div>'+
'</div>';

And here is the function handleFiles:

function handleFiles(f)
{
    var o=[];

    for(var i =0;i<f.length;i++)
    {
        var reader = new FileReader();
        reader.onload = (function(theFile) {
        return function(e) {
            canx.clearRect(0, 0, bCanvas.width, bCanvas.height);

            qrcode.decode(e.target.result);
        };
        })(f[i]);
        reader.readAsDataURL(f[i]); 
    }
}

I dont want user to browse all folder but rather one specific folder, defined by me, where all image will be store ( am currently using localhost but will move it to web server afterward). anyone can help please?

Answer 1

This can't be done because of security reasons. You have no option to do this. If you would be able to, users might accidentally upload files that are not meant to be uploaded (bank account information).

You might want to consider persuing the possibility to upload multple files in one upload prompt dialog. That way you at least don't have to do every file individually ;)