js手机上传图片特效代码下载


js手机上传图片特效代码下载
js手机上传图片特效代码下载以及手机上传图片等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css"/>

2. 引入JS

<script src="js/index.js"></script>

3. HTML代码

  <header class="upload-hedaer">
    <a href="javaScript:history.back(-1)" class="upload-fh"></a>
    <div>上传</div>
    <div>···</div>
  </header>
  <section class="upload-section">
    <article class="upload-article-text">
      <textarea oninput="autoTextarea(this)" placeholder="发布内容" class="upload-textarea"></textarea>
    </article>
    <article class="upload-piclist">
       <div class="upload-file">
           <input type="file" id="file" accept="image/*" multiple onChange="imgChange()"/>
       </div>
    </article>
    <div class="submit" onClick="submit()">
      发布
    </div>
  </section>
  <div class="upload-sm">
	  <p>说明:</p>
	  <ol>
	  	<li>图片限制只能上传9张,如需修改请看js(picmax)。</li>
		<li>点击发布按钮后会控制台将会打印出你所输出的内容及一个已转为base64格式的图片列表。</li>
		<li>此项目为原生js编写不含任何插件。</li>
	  </ol>
  </div>

相关推荐

发表评论

相关文章