di-proxy jQuery demo

Proof-of-Concept for UMD Dependency Injection Module by wrapping jQuery selector function.

by patrob10114

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://unpkg.com/di-proxy"></script>
<input id="file-input" type="file" multiple>
<ul id="preview-names"></ul>

JavaScript

const {
  'input#file-input': $file,
  'ul#preview-names': $previewNames
} = diProxy.inject(jQuery)

$file.change(() => {
  $previewNames.empty()

  const files = $file.prop('files')

  for (const file of files) {
    $previewNames.append($('<li/>').text(file.name))
  }
})