Я пытаюсь выбрать данные в окне выбора с изображением в моем php-файле, используя FileDrop.js при загрузке файла.
мой код работает правильно, кроме передачи значения поля выбора.
мой код:
dropbox.filedrop({
paramname:'pic',
data: {
param1: function () {
return $('#opt').value();
}
},
maxfiles: 50,
maxfilesize: 2,
url: 'post_file.php',
uploadFinished:function(i,file,response){
$.data(file).addClass('done');
},
afterAll: function() {
location.reload();
},
error: function(err, file) {
switch(err) {
case 'BrowserNotSupported':
showMessage('Your browser does not support HTML5 file uploads!');
break;
case 'TooManyFiles':
alert('Too many files! Please select '+maxfiles+' at most! (configurable)');
break;
case 'FileTooLarge':
alert(file.name+' is too large! Please upload files up to '+maxfilesize+' (configurable).');
break;
default:
break;
}
},
beforeEach: function(file){
if(!file.type.match(/^image\//)){
alert('Only images are allowed!');
return false;
}
},
uploadStarted:function(i, file, len){
createImage(file);
},
progressUpdated: function(i, file, progress) {
$.data(file).find('.progress').width(progress);
}
});
Также мой php код для получения (тестирования) почтовых данных
$pic = $_FILES['pic'];
$option = $_POST['param1'];
print'<pre>';
print_r($pic);
print'</pre>';print'<pre>';
print_r($option);
print'</pre>';
Здесь pic имеют значение, но param1 не имеют значения при запуске скрипта.
мой HTML
<div id="styledModal2" class="modal modal-styled fade">
<div class="modal-dialog">
<div class="modal-content">
<form class="block-content dropzone" action="" method="post">
<div class="modal-header">
<h1>Image Information</h1>
</div>
<div class="modal-body">
<select id="opt" name="opt">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
</select>
<div id="dropbox">
<span class="message">Drop images here to upload. <br /><i>(MAX UPLOAD 50 IMAGE AT ONCE)</i></span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
Задача ещё не решена.
Других решений пока нет …