Web前端：简洁美观的HTML图片上传UI框架

LXXUploadPic－图片上传UI框架

简介

LXXUploadPic是一个用户上传图片的Web前端框架，在引入头文件的前提下，开发者只需要在HTML源码中添加一行标记就能够在页面上生成美观的UI。该框架基于JQuery，使用了HTML、CSS、Javascript完成。

使用方法

1. 引入css/javascript文件

<link href="./LXXUploadNeeded/LXXUploadPic.css" rel="stylesheet" type="text/css">
<script src="./LXXUploadNeeded/jquery-2.2.1.js"></script>
<script src="./LXXUploadNeeded/LXXUploadPic.js"></script>

1. 添加HTML标记

<div id="LXXUploadPic"></div>

1. 设置属性

   • 通过HTML直接设置

   <div id="LXXUploadPic" LXXCol="3" LXXRow="1" LXXWidth="100" LXXHeight="100"></div>

   • 通过js设置配置项

   //配置项
   var colNumber = 1;  //列数
   var rowNumber = 2;  //行数
   var width = 300;    //框高
   var height = 100;   //框宽

效果展示

3x3

1x3

3x1

Github地址

https://github.com/EastblueOkay/LXXUploadPic