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

Property	Type	Required
imgClass	String	Optional
previewContent	JQuery<HTMLElement>	Optional
previewContentClass	String	Optional
noStyle	Boolean	Optional
defaultImage	String	Optional

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