mirror/php-ifm
1
0
Fork 0
mirror of https://github.com/misterunknown/ifm.git synced 2025-08-10 18:14:00 +02:00
Code Issues Releases Wiki Activity

allow selecting multiple files to upload

Browse Source
This commit is contained in:
Marco Dickert
2017-07-24 00:43:12 +02:00
parent 2370bd4c97
commit 38059e9e69
4 changed files with 72 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
build/libifm.php
View File

@@ -422,7 +422,7 @@ f00bar;
<div class="modal-body">
<fieldset>
<label>Upload file</label><br>
<input class="file" type="file" name="ufile" id="ufile"><br>
<input class="file" type="file" name="files" multiple><br>
<label>new filename</label>
<input class="form-control" type="text" name="newfilename"><br>
</fieldset>
@@ -1298,8 +1298,21 @@ function IFM( params ) {
self.showModal( self.templates.uploadfile );
var form = $('#formUploadFile');
form.find( 'input[name=newfilename]' ).on( 'keypress', self.preventEnter );
form.find( '#buttonUpload' ).on( 'click', function() {
self.uploadFile();
form.find( 'input[name=files]' ).on( 'change', function( e ) {
if( e.target.files.length > 1 )
form.find( 'input[name=newfilename]' ).attr( 'readonly', true );
else
form.find( 'input[name=newfilename]' ).attr( 'readonly', false );
});
form.find( '#buttonUpload' ).on( 'click', function( e ) {
e.preventDefault();
var files = form.find( 'input[name=files]' )[0].files;
if( files.length > 1 )
for( var i = 0; i < files.length; i++ ) {
self.uploadFile( files[i] );
}
else
self.uploadFile( files[0], form.find( 'input[name=newfilename]' ).val() );
self.hideModal();
return false;
});
@@ -1312,13 +1325,12 @@ function IFM( params ) {
/**
* Uploads a file
*/
this.uploadFile = function() {
var ufile = document.getElementById( 'ufile' ).files[0];
this.uploadFile = function( file, newfilename ) {
var data = new FormData();
var newfilename = $("#formUploadFile input[name^=newfilename]").val();
data.append( 'api', 'upload' );
data.append( 'dir', self.currentDir );
data.append('file', ufile);
data.append( 'file', file );
if( newfilename )
data.append( 'newfilename', newfilename );
var id = self.generateGuid();
$.ajax({
@@ -1331,7 +1343,7 @@ function IFM( params ) {
xhr: function(){
var xhr = $.ajaxSettings.xhr() ;
xhr.upload.onprogress = function(evt){ self.task_update(evt.loaded/evt.total*100,id); } ;
xhr.upload.onload = function(){ console.log('Uploading '+newfilename+' done.') } ;
xhr.upload.onload = function(){ console.log('Uploading '+file.name+' done.') } ;
return xhr ;
},
success: function(data) {
@@ -1343,7 +1355,7 @@ function IFM( params ) {
error: function() { self.showMessage("General error occured", "e"); },
complete: function() { self.task_done(id); }
});
self.task_add("Upload "+ufile.name, id);
self.task_add("Upload "+file.name, id);
};
/**

30
ifm.php
View File

@@ -422,7 +422,7 @@ f00bar;
<div class="modal-body">
<fieldset>
<label>Upload file</label><br>
<input class="file" type="file" name="ufile" id="ufile"><br>
<input class="file" type="file" name="files" multiple><br>
<label>new filename</label>
<input class="form-control" type="text" name="newfilename"><br>
</fieldset>
@@ -1298,8 +1298,21 @@ function IFM( params ) {
self.showModal( self.templates.uploadfile );
var form = $('#formUploadFile');
form.find( 'input[name=newfilename]' ).on( 'keypress', self.preventEnter );
form.find( '#buttonUpload' ).on( 'click', function() {
self.uploadFile();
form.find( 'input[name=files]' ).on( 'change', function( e ) {
if( e.target.files.length > 1 )
form.find( 'input[name=newfilename]' ).attr( 'readonly', true );
else
form.find( 'input[name=newfilename]' ).attr( 'readonly', false );
});
form.find( '#buttonUpload' ).on( 'click', function( e ) {
e.preventDefault();
var files = form.find( 'input[name=files]' )[0].files;
if( files.length > 1 )
for( var i = 0; i < files.length; i++ ) {
self.uploadFile( files[i] );
}
else
self.uploadFile( files[0], form.find( 'input[name=newfilename]' ).val() );
self.hideModal();
return false;
});
@@ -1312,13 +1325,12 @@ function IFM( params ) {
/**
* Uploads a file
*/
this.uploadFile = function() {
var ufile = document.getElementById( 'ufile' ).files[0];
this.uploadFile = function( file, newfilename ) {
var data = new FormData();
var newfilename = $("#formUploadFile input[name^=newfilename]").val();
data.append( 'api', 'upload' );
data.append( 'dir', self.currentDir );
data.append('file', ufile);
data.append( 'file', file );
if( newfilename )
data.append( 'newfilename', newfilename );
var id = self.generateGuid();
$.ajax({
@@ -1331,7 +1343,7 @@ function IFM( params ) {
xhr: function(){
var xhr = $.ajaxSettings.xhr() ;
xhr.upload.onprogress = function(evt){ self.task_update(evt.loaded/evt.total*100,id); } ;
xhr.upload.onload = function(){ console.log('Uploading '+newfilename+' done.') } ;
xhr.upload.onload = function(){ console.log('Uploading '+file.name+' done.') } ;
return xhr ;
},
success: function(data) {
@@ -1343,7 +1355,7 @@ function IFM( params ) {
error: function() { self.showMessage("General error occured", "e"); },
complete: function() { self.task_done(id); }
});
self.task_add("Upload "+ufile.name, id);
self.task_add("Upload "+file.name, id);
};
/**

28
src/ifm.js
View File

@@ -610,8 +610,21 @@ function IFM( params ) {
self.showModal( self.templates.uploadfile );
var form = $('#formUploadFile');
form.find( 'input[name=newfilename]' ).on( 'keypress', self.preventEnter );
form.find( '#buttonUpload' ).on( 'click', function() {
self.uploadFile();
form.find( 'input[name=files]' ).on( 'change', function( e ) {
if( e.target.files.length > 1 )
form.find( 'input[name=newfilename]' ).attr( 'readonly', true );
else
form.find( 'input[name=newfilename]' ).attr( 'readonly', false );
});
form.find( '#buttonUpload' ).on( 'click', function( e ) {
e.preventDefault();
var files = form.find( 'input[name=files]' )[0].files;
if( files.length > 1 )
for( var i = 0; i < files.length; i++ ) {
self.uploadFile( files[i] );
}
else
self.uploadFile( files[0], form.find( 'input[name=newfilename]' ).val() );
self.hideModal();
return false;
});
@@ -624,13 +637,12 @@ function IFM( params ) {
/**
* Uploads a file
*/
this.uploadFile = function() {
var ufile = document.getElementById( 'ufile' ).files[0];
this.uploadFile = function( file, newfilename ) {
var data = new FormData();
var newfilename = $("#formUploadFile input[name^=newfilename]").val();
data.append( 'api', 'upload' );
data.append( 'dir', self.currentDir );
data.append('file', ufile);
data.append( 'file', file );
if( newfilename )
data.append( 'newfilename', newfilename );
var id = self.generateGuid();
$.ajax({
@@ -643,7 +655,7 @@ function IFM( params ) {
xhr: function(){
var xhr = $.ajaxSettings.xhr() ;
xhr.upload.onprogress = function(evt){ self.task_update(evt.loaded/evt.total*100,id); } ;
xhr.upload.onload = function(){ console.log('Uploading '+newfilename+' done.') } ;
xhr.upload.onload = function(){ console.log('Uploading '+file.name+' done.') } ;
return xhr ;
},
success: function(data) {
@@ -655,7 +667,7 @@ function IFM( params ) {
error: function() { self.showMessage("General error occured", "e"); },
complete: function() { self.task_done(id); }
});
self.task_add("Upload "+ufile.name, id);
self.task_add("Upload "+file.name, id);
};
/**

2
src/templates/modal.uploadfile.html
View File

@@ -2,7 +2,7 @@
<div class="modal-body">
<fieldset>
<label>Upload file</label><br>
<input class="file" type="file" name="ufile" id="ufile"><br>
<input class="file" type="file" name="files" multiple><br>
<label>new filename</label>
<input class="form-control" type="text" name="newfilename"><br>
</fieldset>