Save multiple base64 image to a folder

Hey guys i need help. I am really stuck bad at this. My requiremt is to upload multiple documents and save it to a folder.

Here as you can see i have html buttons as Front and back for respective document and onclick it will open a popup and there we will upload the respective file.

I have to upload all the documents and then hit a submit button and it will save all the documents together.

I am trying this with javascript. Please help me in saving the documents to the folder.

$(".bfd-ok", modal1).on("click.bfd", function () {

debugger;

alert('Upload clicked');

var event = $.Event("files.bs.filedialog");

//debugger;

event.files = loadedFiles;

modal1.trigger(event);

//alert(event);

done = true;

modal1.modal("hide");

});

Here is my JS code to get the file.

You Should Try This.

"text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {}
function browseImage() {
navigator.camera.getPicture(uploadPhoto, function(message) {
alert('get picture failed');
},{
quality: 80,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
}
);
}
function uploadPhoto(imageURI) {
var options = new FileUploadOptions();
options.fileKey="file";
options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
options.mimeType="images/jpeg";
var params = new Object();
params.value1 = "test";
params.value2 = "param";
options.params = params;
options.chunkedMode = false;
var ft = new FileTransfer();
ft.upload(imageURI, "http://your-domain.com/api/upload.php", win, fail, options);
}
function win(r) {
console.log("Response Code = " + r.responseCode);
console.log("Response = " + r.response);
console.log("Sent = " + r.bytesSent);
}
function fail(error) {
console.log("Error: Code = " = error.code);
}
"button" onclick= "browseImage()" value="Browse Image" />
//Server: PHP code to upload file
$img_name = $time."jpg";
if(move_uploaded_file($_FILES["file"]["tmp_name"], "folder/".$img_name)){ //upload files in location folder/
//use mysql query to save the filename. (mysql_query("insert into tbl_name(image) values('$img_name')"))
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Nikunj Satasiya9y ago
You Should Try This.
"text/javascript" charset="utf-8">
        document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady() {}
        function browseImage() {
            navigator.camera.getPicture(uploadPhoto, function(message) {
            alert('get picture failed');
        },{
            quality: 80,
            destinationType: navigator.camera.DestinationType.FILE_URI,
            sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
        }
            );

        }
        function uploadPhoto(imageURI) {
            var options = new FileUploadOptions();
            options.fileKey="file";
            options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
            options.mimeType="images/jpeg";
            var params = new Object();
            params.value1 = "test";
            params.value2 = "param";
            options.params = params;
            options.chunkedMode = false;
            var ft = new FileTransfer();
            ft.upload(imageURI, "http://your-domain.com/api/upload.php", win, fail, options);
        }
        function win(r) {
            console.log("Response Code = " + r.responseCode);
            console.log("Response = " + r.response);
            console.log("Sent = " + r.bytesSent);
        }
        function fail(error) {
            console.log("Error: Code = " = error.code);
        }


    "button" onclick= "browseImage()" value="Browse Image" />

    //Server: PHP code to upload file
    $img_name = $time."jpg";
    if(move_uploaded_file($_FILES["file"]["tmp_name"], "folder/".$img_name)){ //upload files in location folder/
        //use mysql query to save the filename. (mysql_query("insert into tbl_name(image) values('$img_name')"))
    }