使用div自定义文件上传

Question

我想像dropzone.js那样建立自定义文件上传系统.... 没有<input>标记...... 我建立了这个：

＆＃13;

＆＃13;

var fileSelector = $('<input type="file" name="imageToUpload" id="imageToUpload">');
$(document).ready(function() {
  $("#imageToUpload").hide();
  $("#uploadDiv").on("click", function() {
    fileSelector.click();
  });
});

＆＃13;

.uploadDiv {
  border: 2px dotted lightblue;
  height: 100px;
  margin-top: 100px;
}

.uploadDiv:hover {
  cursor: pointer;
  border: 2px solid lightblue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="uploadDiv" id="uploadDiv">
  <small>Click to select <strong>image</strong> for upload.</small>
</div>

＆＃13;

＆＃13;

＆＃13;

但是我怎么能拿文件和php和ajax一起工作？