Połączyłem ze soba dwa skrypty do multiuploadu zdjeć bez przeładowania strony. Generalnie działa to w ten sposób,że
po kliknięciu na rysunek wgrywa sie zdjęcie bez przeładowania strony. Wszystko działa ok rysunek sie wgrywa, można go skasować no i otwiera się pod nim <input id="fileInputBox" type="file" value=file name="file[]"/>.
Problem jest taki ,że chciałbym żeby w input type file pojawiła się informacja o ścieżce dostępu do pliku np.
c:\zdjecia\aaa.jpg
Kod
$(document).ready(function() {
var MaxFileInputs = 10; //Maximum number of file input boxs
var btnUpload=$('#upload');
var status=$('#status');
var submitbutton = $("#SubmitButton"); //submit button
var FileInputsHolder = $('#AddFileInputBox'); //Element where additional file inputs are appended
var i = $("#AddFileInputBox div").size() + 1;
new AjaxUpload(btnUpload, {
action: 'upload.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('Only JPG, PNG or GIF files are allowed');
return false;
}
status.text('Uploading...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files').html('<span><img src="./uploads/'+file+'" alt="" name="file[]"/><br /><input id="fileInputBox" type="file" value=file name="file[]"/><a href="#" class="removeclass small2"><img src="../images/close_icon.gif" border="0" /></a></span>').addClass('success');
//ta tresc odpowiada własnie za wgranie zdjęcia. Co muszę tutaj zmienić dodać żeby pojawiła się informacja o scieżce do pliku w input
i++;
} else{
$('<li></li>').appendTo('#files').text(file).addClass('error');
}
}
});
$("body").on("click",".removeclass", function(e){
event.returnValue = false;
if( i > 1 ) {
$(this).parents('span').remove();i--;
}
});
});
var MaxFileInputs = 10; //Maximum number of file input boxs
var btnUpload=$('#upload');
var status=$('#status');
var submitbutton = $("#SubmitButton"); //submit button
var FileInputsHolder = $('#AddFileInputBox'); //Element where additional file inputs are appended
var i = $("#AddFileInputBox div").size() + 1;
new AjaxUpload(btnUpload, {
action: 'upload.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('Only JPG, PNG or GIF files are allowed');
return false;
}
status.text('Uploading...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files').html('<span><img src="./uploads/'+file+'" alt="" name="file[]"/><br /><input id="fileInputBox" type="file" value=file name="file[]"/><a href="#" class="removeclass small2"><img src="../images/close_icon.gif" border="0" /></a></span>').addClass('success');
//ta tresc odpowiada własnie za wgranie zdjęcia. Co muszę tutaj zmienić dodać żeby pojawiła się informacja o scieżce do pliku w input
i++;
} else{
$('<li></li>').appendTo('#files').text(file).addClass('error');
}
}
});
$("body").on("click",".removeclass", function(e){
event.returnValue = false;
if( i > 1 ) {
$(this).parents('span').remove();i--;
}
});
});