jQuery File UploadjQuery上传插件

收藏

插件描述：jQuery File Upload 是一个Jquery图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

<script type="text/javascript"> 
 
    //下面用于多图片上传预览功能 
 
    function setImagePreviews(avalue) { 
 
        var docObj = document.getElementById("doc"); 
 
        var dd = document.getElementById("dd"); 
 
        dd.innerHTML = ""; 
 
        var fileList = docObj.files; 
 
        for (var i = 0; i < fileList.length; i++) {             
 
            dd.innerHTML += "<div style=\\\'float:left\\\' > <img id=\\\'img" + i + "\\\'  /> </div>"; 
 
            var imgObjPreview = document.getElementById("img"+i);  
 
            if (docObj.files && docObj.files[i]) { 
 
                //火狐下，直接设img属性 
 
                imgObjPreview.style.display = \\\'block\\\'; 
 
                imgObjPreview.style.width = \\\'150px\\\'; 
 
                imgObjPreview.style.height = \\\'180px\\\'; 
 
                //imgObjPreview.src = docObj.files[0].getAsDataURL(); 
 
                //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式 
 
                imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]); 
 
            } 
 
            else { 
 
                //IE下，使用滤镜 
 
                docObj.select(); 
 
                var imgSrc = document.selection.createRange().text; 
 
                alert(imgSrc) 
 
                var localImagId = document.getElementById("img" + i); 
 
                //必须设置初始大小 
 
                localImagId.style.width = "150px"; 
 
                localImagId.style.height = "180px"; 
 
                //图片异常的捕捉，防止用户修改后缀来伪造图片 
 
                try { 
 
                    localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; 
 
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; 
 
                } 
 
                catch (e) { 
 
                    alert("您上传的图片格式不正确，请重新选择!"); 
 
                    return false; 
 
                } 
 
                imgObjPreview.style.display = \\\'none\\\'; 
 
                document.selection.empty(); 
 
            } 
 
        }   
 
        return true; 
 
    } 
 
</script>