我正在尝试让javascript将图像数组的值传递给php,以便我可以将它们保存在我的数据库中,但我似乎无法做到这一点。
我在代码片段中的内容是
$('.image-upload-btn').on('click', function() {
var input = document.createElement('INPUT');
input.type = 'file';
input.style.display = 'none'
$('html body').append(input);
input.click();
input.onchange = function() {
$('.image-upload-btn').css('background-image', 'url(http://icons.iconarchive.com/icons/martz90/circle/512/camera-icon.png)');
}
});
但是我想这样做,所以我这样做:
$('.image-upload-btn').on('click', function() {
var input = document.createElement('INPUT');
input.type = 'file';
input.name = 'myFile[]'; //this
input.id = 'myFile[]'; //this
input.multiple = 'multiple'; //and this
input.style.display = 'none'
$('html body').append(input);
input.click();
input.onchange = function() {
$('.image-upload-btn').css('background-image', 'url(http://icons.iconarchive.com/icons/martz90/circle/512/camera-icon.png)');
}
});
添加了:
input.name = 'myFile[]'; //this
input.id = 'myFile[]'; //this
input.multiple = 'multiple'; //and this
我可以在其中添加输入的名称及其值。但是当我按下提交按钮时,图像不会被保存。
$('.image-upload-btn').on('click', function() {
var input = document.createElement('INPUT');
input.type = 'file';
input.style.display = 'none'
$('html body').append(input);
input.click();
input.onchange = function() {
$('.image-upload-btn').css('background-image', 'url(http://icons.iconarchive.com/icons/martz90/circle/512/camera-icon.png)');
}
});
.image-upload-btn {
background-image: url('http://bread.pp.ua/n/settings_g.svg');
background-position: center;
background-size: cover;
width: 50px;
height: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class='image-upload-btn'></div>
$('.image-upload-btn').on('click', function() {
var input = document.createElement('INPUT');
input.type = 'file';
input.style.display = 'none'
$('html body').append(input);
input.click();
input.onchange = function() {
$('.image-upload-btn').css('background-image', 'url(http://icons.iconarchive.com/icons/martz90/circle/512/camera-icon.png)');
}
});