如何让JavaScript告诉PHP它正在接收一个数组

时间:2016-07-20 18:30:33

标签: javascript php jquery html

我正在尝试让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)');
  }
});

0 个答案:

没有答案