swfupload无刷新多图片上传

swfupload无刷新多图片上传

SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合flash与javascript技术为web开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。

淘建站为您提供更多_上传_上传_多图片,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 440 次

下载资源

23 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:PHP功能模块 > 上传 难易程度:中级

HTML

<span id="spanButtonPlaceholder"></span>
<div id="divFileProgressContainer"></div>
<div id="thumbnails">
    <ul id="pic_list" style="margin: 5px;"></ul>
    <div style="clear: both;"></div>
</div>

引入jQuery库和swfupload相关组件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swfupload.js"></script>
<script type="text/javascript" src="js/handlers.js"></script>
<link href="css/default.css" rel="stylesheet" type="text/css" />
var swfu;
window.onload = function() {
    swfu = new SWFUpload({
        upload_url: "upload.php",
        post_params: {
            "PHPSESSID": "<?php echo session_id(); ?>"
        },
        file_size_limit: "2 MB",
        file_types: "*.jpg;*.png;*.gif;*.bmp",
        file_types_description: "JPG Images",
        file_upload_limit: "100",
        file_queue_error_handler: fileQueueError,
        file_dialog_complete_handler: fileDialogComplete,
        upload_progress_handler: uploadProgress,
        upload_error_handler: uploadError,
        upload_success_handler: uploadSuccess,
        upload_complete_handler: uploadComplete,
        button_image_url: "images/upload.png",
        button_placeholder_id: "spanButtonPlaceholder",
        button_width: 113,
        button_height: 33,
        button_text: '',
        button_text_style: '.spanButtonPlaceholder { font-family: Helvetica, Arial, sans-serif; font-size: 14pt;} ',
        button_text_top_padding: 0,
        button_text_left_padding: 0,
        button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
        button_cursor: SWFUpload.CURSOR.HAND,
        flash_url: "js/swfupload.swf",
        custom_settings: {
            upload_target: "divFileProgressContainer"
        },
        debug: false
    });
};

swfupload相关API

参数 描述 默认值
swfu.selectFile 一次选择单个文件. -
swfu.selectFiles(); 一次选择多个文件. -
swfu.startUpload(); 开始上传文件 -
swfu.cancelUpload(&amp;quot;SWFUpload_0_0&amp;quot;); 取消正在上传,或将要上传的文件。SWFUpload_0_0表示第一个文件,SWFUpload_0_1表示第二个文件。。。。一直往后推。 -
swfu.stopUpload() 停止文件的上传。 -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/267.html
swfupload无刷新多图片上传 希望对你有帮助,感谢您的支持!
  • plupload上传视频等大文件

    plupload上传视频等大文件

  • PHP+Ajax无刷新上传头像预览

    PHP+Ajax无刷新上传头像预览

  • php结合数据库演示商品多图片上传

    php结合数据库演示商品多图片上传

  • webupload上传身份证正面和反面

    webupload上传身份证正面和反面

  • js头像预览包括上传裁剪和滤镜特效

    js头像预览包括上传裁剪和滤镜特效

  • jQuery File UploadjQuery上传插件

    jQuery File UploadjQuery上传插件

  • 模仿QQ表情,上传表情代码替换成表情

    模仿QQ表情,上传表情代码替换成表情

  • 对象存储oss集成到thinkPHP,将图片上传到oss里面

    对象存储oss集成到thinkPHP,将图片上传到oss里面

  • html5选择图片上传头像裁剪编辑效果

    html5选择图片上传头像裁剪编辑效果

  • js实现手机号批量滚动抽奖效果

    js实现手机号批量滚动抽奖效果

  • js实现缩放裁剪头像上传效果源码下载

    js实现缩放裁剪头像上传效果源码下载

  • jQuery绿色简洁的点击上传进度条动画代码

    jQuery绿色简洁的点击上传进度条动画代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2