@yonchando/file-upload-preview v1.0.7

About File Upload Preview

Input file to has preview file before uploader.

Installation

Require: JQuery

npm i --save @yonchando/file-upload-preview

Usage

<link href="node_modules/@yonchando/file-upload-preview/dist/css/file_upload_preview.css" />

<input type="file" id="upload" data-default-image="defualt.png" />

<div class="preview"></div>

<script src="node_modules/@yonchando/file-upload-preview/dist/css/file_upload_preview.js"></script>

// use default
$("#upload").fileUploader();

// custom preview content and class img
$("#upload").fileUplaoder({
  previewContent: $(".preview"),
  imgClass: "custom"
});

Configs

Note: You can use config in input element with attribute data.