jquery 上传file插件

云浩坤 3周前 9浏览 0评论

Jquery是一种快速、简洁的JavaScript库。使用Jquery库,你可以很方便的操作HTML文档、处理事件、创建动画效果、以及AJAX交互等。

在开发过程中,上传文件是一个必不可少的功能之一。而Jquery则提供了一款非常好用的文件上传插件——jquery-upload-file。

Jquery-upload-file插件使用简单,具有多种配置选项,支持多种上传方式,包括基本上传、拖拽上传、拍照上传、断点续传等,还可以进行异步上传,支持前端文件校验和文件类型校验。

除此之外,jquery-upload-file插件还可以根据扩展名来自动匹配相应的图标,并允许你自定义上传按钮的样式、文件名字的格式等。

//使用jquery-upload-file插件进行基本上传
$("#fileuploader").uploadFile({
    url:"./upload.php",
    fileName:"myfile",
    dragDrop:false,
    maxFileSize:1024*2000,
    showPreview:false,
    showProgress:true,
    showError:true,
    allowedTypes:"jpg,png,gif,jpeg",
    onSuccess:function(files,data,xhr,pd)
    {
        console.log("上传成功!");
    },
    onError:function(files,status,errMsg)
    {       
        console.log("上传失败:" + errMsg);
    },
    uploadButtonClass:"btn btn-primary"
});

使用jquery-upload-file插件,你可以轻易地实现文件上传功能。如果你对此有更深入的了解,也可以通过上网查找更多资料来进一步增加其应用。