JQuery uploadify 上传插件使用

关注

原创最新推荐文章于 2026-03-29 09:30:38 发布 3.4k 阅读 AI 写同款· GEO 优化 ›

【STM32学习】（29）STM32实现595驱动三个数码管（标准库和HAL库实现）我选用的单片机型号为：STM32F103系列 74LS595是一个串转并行输出的芯片，它能为单片机节省很多的IO口，应用场景广泛。现要求三个数码管动态显示，常规设计都是并行实现，需要8个IO数据口，然后还需要3个IO片选数码管接口，这样大大占用了IO口，导致连接的外设变少。因此我们引入74LS595芯片。电路设计如下：只需要三个共阴极数码管与三个595芯片级联即可完成，通过RCLK，SCK，SER三个IO即可完成对数码管的动态控制并显示。电路焊接的实物图如下：要求完成功能：实现数. 阅读详情

1、所需HTML表单元素

<input type="file" name="fileImg" id= "fileImg" />
<div id="fileQueue" ></div>
<a href="javascript:upload()" class="easyui-linkbutton" id="btn_save" > 
上传...</ a>

2、插件初始化

$( "#fileImg").uploadify({
              'uploader' : '${ctx}/handlePicture.action?JSESSIONID=${pageContext.session.id}' ,
              'swf' : '${ctx}/js/uploadify/uploadify.swf' ,
              'cancelImg' :'${ctx}/js/uploadify/cancel.png' ,
              'fileObjName' :'fileImg' ,
              'queueID' : 'fileQueue' ,
              'auto' : false ,
              'buttonText' :'选择' ,
              'fileSizeLimit' : '50MB' ,
              'multi' :false ,
              'height' :20,
              'wmode' :'transparent' ,
              //上传完成时事件
              'onUploadSuccess' : function (file,data,response) {                  
                  data=eval( "(" +data+")" );
                   if (data.status=='1' )
                  {
                        $.messager.alert( '提示:' ,'上传成功' ,'info' );
                        $( "#imgView" ).attr("src" ,ctx+ "/"+data.object);
                        $( "#picturew" ).val(data.object.substring(data.object.lastIndexOf( "/")+1));
                  }
                   else
                  {
                        $.messager.alert( '提示:' ,'上传失败' ,'info' );
                  }
              }
          });

3、上传掉用

    function upload()
    {
        $("#fileImg").uploadify("settings","formData",{'JSESSIONID':'${pageContext.session.id}'});
        $("#fileImg").uploadify("upload");
    }

收录于