怎么使用js插件?

JavaScript019

怎么使用js插件?,第1张

JS插件是亚马逊选品必备软件。其新功能有:

1、快速透视,Listing页面数据。进入任一listing详情页,无需点击,JS插件即自动呈现页面内嵌数据:月销量、日销量、价格和排名的历史趋势等关键数据,便于一目了然商品生命周期,分析热销潜力商品;知己知彼,合理安排自己的运营策略。

2、解放运营双手,批量营销。通过JS插件批量发送邮件,效率提升80%,同时也保留了“单独发送请求”的功能,做精细化运营的卖家可以通过控制变量测试发送的效果。JS插件还能智能地识别出发起过退货、换货申请的买家。针对这些买家,系统会自动过滤,不发送邀请提醒,从而减少带来的差评概率。

想要了解更多有关js插件的相关信息,推荐咨询Jungle Scout。JS插件(Chrome Extension),是亚马逊卖家圈中的第一款明星产品,功能强大、设计简单,卖家可以一键查看现有产品的销量、竞争程度以及历史销售趋势。Jungle Scout倡导数据化智能选品、打造精品店铺、通过高效运营技巧和策略来获得中国品牌跨境出海成功,是亚马逊跨境电商行业的领军品牌,影响了全球超过100万亚马逊从业者,实力强大,值得选择。

jquery.uploadify批量上传控件

[html] 

<link href="styles/uploadify.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" src="styles/uploadify.swf"></script> 

<script type="text/javascript" src="javascripts/jquery.uploadify.min.js"></script>  

<link href="styles/uploadify.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="styles/uploadify.swf"></script>

<script type="text/javascript" src="javascripts/jquery.uploadify.min.js"></script> 还有jquery.js,你懂得!

这里注意哦,css文件会引用到这个图片哦,所以请你指定这个图片的位置哦,不然就没有显示这个叉叉哦,这个叉叉是删除按钮的哦,没有就是空白哦!

[javascript]

<script> 

function snedUpLoad(){ 

    var pid = $("#entityId").val()                //这个是我自己获取的自定义参数  

    var entityName = $("#entityName").val()       //同上  

    $("#uploadify").uploadify({                    //初始化uploadify  uploadify是input的id  

        //'debug' : false,                             //dubug模式 ,默认是false  

        'auto':false,                                  //自动上传,就是控件自动上传,默认是true  

        'multi':true, 

        //'successTimeout':99999,                      //超时时间  

        'formData':{'pid':pid,'entityName':entityName },//我的参数列表  

        //'fileObjName':'uploadify',                   //服务器的属性名字  

        

'uploader':'你的后台url地址jsessionid=${pageContext.session.id}',//提交服务器路径,这里

说明下jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的  

        'swf':"styles/uploadify.swf",                  //flash文件,官方的文件,引用上就是了  

        //'uploader': '/Home/Upload',                  //文件保存路径   用处不大  

        'buttonText': '文件上传',           //按钮  

        //'height':'32',                //浏览按钮的高度     

        //'width':'100',                               //浏览按钮的宽度  

        'fileTypeDesc':'支持的格式:',                 //在浏览窗口底部的文件类型下拉菜单中显示的文本  

        'fileTypeExts':'*.jpg*.jpge*.gif*.png',     //允许上传的文件后缀  

        'fileSizeLimit':'3MB',                         //上传文件的大小限制  

        'queueSizeLimit' : 25,                         //上传数量  

        'onSelectError':function(file, errorCode, errorMsg){  //返回一个错误,选择文件的时候触发  

           switch(errorCode) { 

               case -100: 

                   alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!") 

                   break 

               case -110: 

                   alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!") 

                   break 

               case -120: 

                   alert("文件 ["+file.name+"] 大小异常!") 

                   break 

               case -130: 

                   alert("文件 ["+file.name+"] 类型不正确!") 

                   break 

           } 

        }, 

        'onFallback':function(){             //检测FLASH失败调用  

            alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。") 

        }, 

        'onUploadSuccess':function(file, data, response){  //上传到服务器,服务器返回相应信息到data里  

            if(data){ 

                var dataObj=eval("("+data+")")//转换为json对象   

                //$('#uploadify').uploadify('upload')  

            } 

        } 

    }) 

</script> 

<script>

function snedUpLoad(){

 var pid = $("#entityId").val()                //这个是我自己获取的自定义参数

 var entityName = $("#entityName").val()       //同上

 $("#uploadify").uploadify({                    //初始化uploadify  uploadify是input的id

        //'debug' : false,                             //dubug模式 ,默认是false

        'auto':false,                                  //自动上传,就是控件自动上传,默认是true

        'multi':true,

        //'successTimeout':99999,                      //超时时间

        'formData':{'pid':pid,'entityName':entityName },//我的参数列表

        //'fileObjName':'uploadify',                   //服务器的属性名字

        

'uploader':'你的后台url地址jsessionid=${pageContext.session.id}',//提交服务器路径,这里

说明下jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的

        'swf':"styles/uploadify.swf",                  //flash文件,官方的文件,引用上就是了

        //'uploader': '/Home/Upload',                  //文件保存路径   用处不大

        'buttonText': '文件上传',   //按钮

        //'height':'32',    //浏览按钮的高度 

       //'width':'100',                               //浏览按钮的宽度

       'fileTypeDesc':'支持的格式:',                 //在浏览窗口底部的文件类型下拉菜单中显示的文本

        'fileTypeExts':'*.jpg*.jpge*.gif*.png',     //允许上传的文件后缀

        'fileSizeLimit':'3MB',                         //上传文件的大小限制

        'queueSizeLimit' : 25,                         //上传数量

        'onSelectError':function(file, errorCode, errorMsg){  //返回一个错误,选择文件的时候触发

           switch(errorCode) {

               case -100:

                   alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!")

                   break

               case -110:

                   alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!")

                   break

               case -120:

                   alert("文件 ["+file.name+"] 大小异常!")

                   break

               case -130:

                   alert("文件 ["+file.name+"] 类型不正确!")

                   break

           }

        },

        'onFallback':function(){             //检测FLASH失败调用

            alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。")

        },

        'onUploadSuccess':function(file, data, response){  //上传到服务器,服务器返回相应信息到data里

         if(data){

          var dataObj=eval("("+data+")")//转换为json对象

    //$('#uploadify').uploadify('upload')

         }

        }

    })

}

</script>

 

[javascript]

$(function(){ 

    snedUpLoad()    //jquery容器加载完运行我们的函数  

}) 

$(function(){

    snedUpLoad()    //jquery容器加载完运行我们的函数

})

 

 

[html]

<input type="file" name="uploadify" id="uploadify" />  //申明控件的容器 

<input type="file" name="uploadify" id="uploadify" />  //申明控件的容器

前台页面代码基本就这样了,很好明白,至于后台逻辑和普通上传处理一致的,这里就不列出来的,最后上一张图给大家鉴赏一下

(tip:其实他的批量上传并不是一次全部提交处理的,他是一个一个依次提交,相当是一个for循环,所以后台处理的同时只是一个文件上传,即排序的处理上传文件,就和单个文件上传的代码一样,如果你早有后台的单文件上传代码就不用改,直接调用就行了,可以共用)

一下好一款laydate.js日期时间选择插件,具有一定的参考价值,希望可以帮到你

日期时间选择插件laydate.js:

效果图:

1. 引入JS。 

<script type="text/javascript" src="js/laydate.js"></script>

2. 根据需要做相应的配置。详情参看官网

<script>

 laydate({

  elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'

  event: 'focus', //响应事件。如果没有传入event,则按照默认的click

  format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义,该例子表示只显示年月

  festival: true, //显示节日

  istime: true, //显示时间选项

  choose: function(datas){ //选择日期完毕的回调

   alert('得到:'+datas)

  }

 })

</script>

实例源码:

<!DOCTYPE html> 

<html> 

<head> 

 <meta charset="utf-8"> 

 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

 <meta name="viewport" content="width=device-width, initial-scale=1"> 

 <!-- 

 <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> 

 <link href="favicon.ico" rel="Bookmark" type="image/x-icon" /> 

 -->

 <meta name="Generator" content="EditPlus®"> 

 <meta name="Author" content=""> 

 <meta name="Keywords" content=""> 

 <meta name="Description" content=""> 

 <title>layDate日期时间选择插件</title> 

 <link href="" rel="stylesheet" /> 

 <script type="text/javascript" src="js/laydate.js"></script> 

</head> 

<body> 

 <form method="post" action=""> 

 Way1, 

  请选择日期:<input type="text" name="date" onclick="laydate()" /> 

  <hr /> 

 Way2, 

  <input type="text" name="date" id='seldate' class="laydate-icon" /><hr /> 

  <script> 

   laydate({ 

    elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' 

    event: 'focus', //响应事件。如果没有传入event,则按照默认的click 

    format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义,该例子表示只显示年月 

    festival: true, //显示节日 

    istime: true, //显示时间选项 

    choose: function(datas){ //选择日期完毕的回调 

     alert('得到:'+datas) 

    } 

   }) 

  </script> 

 Way3, 

  <input id="seldate1"> 

  <span class="laydate-icon" onclick="laydate({elem:'#seldate1'})"></span> 

 </form> 

</body> 

</html>