jquery.fileupload.js插件使用初探--单图片上传预览

最新推荐文章于 2020-08-14 10:39:27 发布

释雨

最新推荐文章于 2020-08-14 10:39:27 发布

阅读量2k

点赞数

分类专栏： php 文章标签： php jquery.fileupload.js 上传图片预览

本文链接：https://blog.csdn.net/smm188/article/details/50749419

版权

一、官方插件下载地址：http://plugins.jquery.com/blueimp-file-upload/
下载下来后会发现里面包含了一堆文件，首先需要弄清楚的是最核心的部分是哪些，根据官方的例子可以知道，一个最简单的jQuery File Upload上传组件，必须包括以下文件：

jQuery核心库，建议使用jQuery 1.8以上版本
js/vendor/jquery.ui.widget.js ：jQuery UI Widget
js/jquery.iframe-transport.js ：扩展iframe数据传输
js/jquery.fileupload.js ： jQuery File Upload核心类
js/cors/jquery.xdr-transport.js：在IE下应载入此文件解决跨域问题

二、载入这几个必备文件后，就开始单图片上传预览的前台代码了：

<!DOCTYPE html>
<html>
<head>
    <title>jquery.fileupload.js使用测试</title>
    <script src="jquery-1.12.0.min.js"></script>
    <script src="jquery.ui.widget.js"></script>
    <script src="jquery.iframe-transport.js"></script>
    <script src="jquery.fileupload.js"></script>
    <script src="jquery.xdr-transport.js"></script>
    <style type="text/css">
        .bar {
            margin-top:10px;
            height:10px;
            max-width: 300px;
            background: green;
        }
    </style>
<

最低0.47元/天解锁文章

释雨

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery.fileupload.js插件使用初探--单图片上传预览

一、官方插件下载地址：http://plugins.jquery.com/blueimp-file-upload/ 下载下来后会发现里面包含了一堆文件，首先需要弄清楚的是最核心的部分是哪些，根据官方的例子可以知道，一个最简单的jQuery File Upload上传组件，必须包括以下文件：jQuery核心库，建议使用jQuery 1.8以上版本js/vendor/jque
复制链接

扫一扫

专栏目录