`

jquery.uploadifive.min.js的使用

 
阅读更多

                        <link href="{:RES}css/uploadifive.css" rel="stylesheet" type="text/css">
                        <script type="text/javascript" src="{:RES}js/jquery.uploadifive.min.js"></script>
                        <script type="text/javascript">
                            <?php $timestamp = time();?>
                            $(function() {
                                var filename='bm_'+<?php echo $timestamp;?>;

                                $('#file_upload').uploadifive({
                                    'simUploadLimit'   : 0,
                                    'fileSizeLimit'    : 1264,
                                    'auto'             : true,
                                    'checkScript'      : '/Wap/Upload/check_exists',
                                    'formData'         : {
                                                           'timestamp' : '<?php echo $timestamp;?>',
                                                           'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                                                         },
                                    'queueID'          : 'queue',
                                    'uploadScript'     : $('#actindex').attr("data_url")+'/Wap/Upload/upload',
                                    'onSelect' : function(queue) {
                                        //选择图片
                                        $('.que_up').css('display','none');
                                    },
                                    'onCancel'     : function() {
                                        //取消上传
                                        $('.que_up').css('display','block');
                                    },
                                    'onUploadComplete' : function(file, data) {
                                        //上传完成
                                        $('.que_up').css('display','none');
                                        if(data != 'img_error'){
                                            alert('成功');
                                        }else{
                                            alert('失败');
                                        }
                                    }
                                });
                            });
                        </script>

//测试结果:苹果手机图片限制不了选择个数,小米的不好上传,其他还好

 

分享到:
评论

相关推荐

    jquery.uploadifive.js

    该组件用于上传使用,支持H5,前端组件跟官网的有点区别,修改过的!jquery.uploadifive.js

    jquery上传插件uploadifive

    - `jquery.uploadifive.js`/`jquery.uploadifive.min.js`:核心JavaScript文件,实现上传逻辑。 - `uploadifive-image-only.php`:示例中的特定服务器端脚本,仅允许上传图片文件。 - `index.php`:包含Uploadifive...

    jquery.uploadifive插件怎么解决上传限制图片或文件大小问题

    &lt;script src="js/jquery-1.11.0.min.js"&gt; &lt;script src="../bootstrap/js/jquery.uploadifive.js"&gt; ``` 确保这两个文件已正确地放在你的项目目录中,并被正确引用,这是使用uploadifive的基础。 接着,你需要配置...

    WebServices 模式实现uploadifive

    &lt;script type="text/javascript" src="/uploadify/jquery.uploadifive.min.js"&gt; &lt;link type="text/css" href="/uploadify/uploadifive.css" rel="stylesheet" /&gt; ``` - **创建文件输入**:在页面上添加文件输入...

    uploadifive.js 源码

    &lt;script src="js/jquery.min.js"&gt; &lt;script src="js/uploadifive.js"&gt; #fileInput { display: none; } &lt;div id="queue"&gt;&lt;/div&gt; $(function() { $('#fileInput').uploadifive({ 'auto' : true, '...

    uploadifive SpringMVC文件上传Demo

    &lt;script src="js/uploadifive/jquery.uploadifive.min.js"&gt; ``` 接着,我们需要在HTML页面中创建一个input元素,用于触发uploadifive的文件选择和上传操作: ```html ``` 然后,我们为这个input元素设置...

    文件上传uploadifive插件下载

    Uploadifive是基于html5技术的文件上传jQuery插件,也是移动站点常用的文件上传插件之一。 提供的功能包括: 1,能够一次性选择多个文件上传,查看上传进度,控制文件上传类型和大小,为每一步操作添加回调函数等...

    spring boot + uploadifive 文件上传

    1. **添加依赖**:在Spring Boot的`pom.xml`文件中,我们需要引入Spring Web和Thymeleaf的相关依赖,同时,由于uploadifive是前端组件,因此也需要引入jQuery和uploadifive的JavaScript库。 2. **创建Controller**...

    解决jQuery uploadify在非IE核心浏览器下无法上传

    之前上传了一个通过Flash实现多文件上传,但是在IE正常运行,FireFox 不能正常上传。经过反复研究学习,之所以firefox和360浏览器无法正常运行,是因为FireFox、chrome、360浏览器等支持HTML5的浏览器不会再文件上传...

    基于java的uploadify上传demo 例子

    &lt;script src="js/uploadify/jquery.uploadify.min.js"&gt; &lt;link rel="stylesheet" type="text/css" href="css/uploadify.css" /&gt; $(function() { $('#fileInput').uploadify({ 'swf': 'js/uploadify/uploadify....

    uploadify [解决spring MVC上传配置冲突]

    &lt;script src="js/jquery.min.js"&gt; &lt;script src="js/uploadify.min.js"&gt; $(function() { $('#fileInput').uploadify({ 'swf': 'js/uploadify.swf', 'uploader': '/upload', // 对应Controller中的处理方法 '...

    uploadify+struts2+json前台动态向后台传数据

    &lt;script src="js/uploadify/jquery.uploadify.min.js"&gt; &lt;link rel="stylesheet" href="css/uploadify/uploadify.css"&gt; ... $(document).ready(function() { $('#fileUploader').uploadify({ 'uploader': 'struts...

    jquery插件uploadify多图上传功能实现代码

    2. **引入jQuery和Uploadify库**:确保在页面中引入jQuery库(在这个例子中是`jquery2.js`)和Uploadify的JavaScript及CSS文件(`jquery.uploadify.min.js`和`uploadify.css`)。 3. **CSS样式**:添加必要的CSS...

    BootStrap中Datetimepicker和uploadify插件应用实例小结

    1. `jQuery.uploadify.min.js`:uploadify的JavaScript库,处理文件上传逻辑。 2. `uploadify.css`:样式文件,让上传按钮看起来更美观。 3. `uploadify-cancel.png`:取消上传的图标。 4. `uploadify.swf`:Flash...

Global site tag (gtag.js) - Google Analytics