Skip to content

seajs upload.js(文件上传含图片预览)

awei.yu edited this page Apr 9, 2016 · 1 revision

说明:用于文件上传

input(用于接收上传文件的input Node)有如下自定义attribute属性:

    maxFileSize //该输入框最大文件大小(单位:b)
    imgTo //如果上传类型是图片 将图片预览返回到对应id的img标签
    uploadUrl //该输入框的上传地址
    actionName //上传标志
    jsonTo //如果需要可以将上传完毕的返回值打到对应id的input标签上

input(用于接收接收上传完毕的返回值)有如下自定义attribute属性:

    //var rs=上传完毕的返回值
    //jsonValue相当于上传完毕之后自动将指定input的值设置为rs.result(rs['result'])
    jsonValue:".result"/"['result']";
    config(全局配置):
    maxFileSize //全局默认文件大小
    uploadUrl //全局默认上传路径
    onUploadFinish(rs,actionName) //上传完毕的回调函数

示例:

html:

<input type="file" jsonTo="x" imgTo="i" accept="image/gif,image/jpeg,image/png,image/jpg" actionName="xxx" name="file" uploadUrl="/file/image">
<input id="x" jsonValue=".result">
<img src="" alt="" id="i">

js:

var upload=require("upload");
//全局配置。标签内的自定义标签优先级最高,其次是全局配置。
upload.int({
    maxFileSize:1024*1024,
    uploadUrl:"/file/image",
    uploadIpts:绑定的上传输入框,如不填则监听所有上传事件(node/node array)
    onUploadFinish:function(rs,actionName){
        //若页面中只有一个上传框,可以不设actionName做区分
        //function(rs){console.log(rs)}即可
        switch(actionName){
            case "xxx":
                console.log(rs);break;
        }
    }
});