最近在做一个项目, 需要静态上传文件到后台,并且在没有提交表单前可以查看上传的文件,看公司代码,都是使用 ifrome 标签实现的, 比较麻烦,于是发现有更简单的方法,支持ajax静态上传,支持上传多文件,好了,废话少说,直接上代码吧
demo下载:demo-UploadFile
前台页面代码:
<h1>注意:ie浏览器必须是ie10及以上版本才可以</h1>
<input type="file" id="fileUpload" />
<img src="" style="display:none" id="img-show" />
<input type="button" value="ajax静态上传图片" id="ajax-btn" />
Jquery代码:
<script type="text/javascript">
$(function () {
fileUpload();
Ajaxbtn();
});
function fileUpload() {
$("#fileUpload").change(function () {
var Suffix = $(this).val().substring($(this).val().la