uploadify 前端使用

最新推荐文章于 2021-03-25 04:18:28 发布
最新推荐文章于 2021-03-25 04:18:28 发布
阅读量462 收藏
点赞数
分类专栏： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19872525/article/details/78662856
版权
var jcrop_api = null;
var ue = null;
var savePath = '/Uploads/ShimaoNews/';
var OldPictureUrl = "";//原图路径
var CheckTitleTab = 0;//新闻标题是否重复判别字段
//图片宽高、临时数据记录图片宽高、图片、左边距、上边距

$(function () {
    //初始载入新闻分类
    ChangeNewsCategoryName();
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    ue = UE.getEditor('editor');
    $("#LyncSmallPicture").uploadify(uploadsetting);

    //$("#btnSave").click(saveNews);
    $("#typeId").change(function () {
        var NewsType = $("#typeId").val();
        if (NewsType == "2") {
            $("#zuozhe").find(".span_red").remove();
            $("#areaquyu").find(".span_red").remove();
            $("#fenlei").find(".span_red").remove();
            $("#lyncxiao").find(".span_red").remove();
            $("#lyncda").find(".span_red").remove();
            $("#newsxiao").find(".span_red").remove();
            $("#newsda").find(".span_red").remove();
            $("#jianshu").find(".span_red").remove();
            $("#AreaNameOrId").val("29");
            $("#AreaNameOrId").attr("disabled", "disabled");
        }
        else {
            var spanhtml = '<span class="span_red">*</span>';
            if ($("#zuozhe").find(".span_red").length == 0) {
                $("#zuozhe").append(spanhtml);
                $("#areaquyu").append(spanhtml);
                $("#fenlei").append(spanhtml);
                $("#lyncxiao").append(spanhtml);
                $("#lyncda").append(spanhtml);
                $("#newsxiao").append(spanhtml);
                $("#newsda").append(spanhtml);
                $("#jianshu").append(spanhtml);
                $("#AreaNameOrId").attr("disabled", "disabled");
                $("#AreaNameOrId").removeAttr("disabled");
            }
        }
        ChangeNewsCategoryName();
    })//新闻类别更改
    $("#btn_aggin").click(function () {
        location.reload();//重写新闻
    });
    $("#btn_back").click(BackHostry);//返回历史页面
    $("#edui1_bottombar").remove();
})
//上传设置
var uploadsetting = {
    //指定swf文件
    'swf': "/Applications/News/Scripts/uploadify/uploadify.swf",
    //后台处理的页面
    'uploader': '/News/UploadHandler',
    //按钮显示的文字
    'buttonText': '选择文件',
    显示的高度和宽度，默认 height 30；width 120
    'height': 28,
    'width': 97,
    //上传文件的类型 默认为所有文件 'All Files' ; '*.*'
    //在浏览窗口底部的文件类型下拉菜单中显示的文本
    'fileTypeDesc': '图片',
    'fileSizeLimit': 3 * 1024,///限制文件上传大小小于3M
    ///每次选择，传入Cookie和Session
    'onSelectOnce': function (e, data) {
        $('#LyncSmallPicture').uploadifySettings('scriptData', { 'ASPSESSID': ASPSESSID, 'AUTHID': auth });
    },
    //允许上传的文件后缀
    'fileTypeExts': '*.jpg; *.png;',
    //发送给后台的其他参数通过formData指定
    'formData': { 'savepath': '/Uploads/ShimaoNews/SourceImg/' },
    //上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false 自动生成, 不带#
    'queueID': 'fileQueue',
    //选择文件后自动上传
    'auto': true,
    //设置为true将允许多文件上传
    'multi': false,

    'overrideEvents': ['onSelectError', 'onDialogClose'],
    'onSelectError': function (file, errorCode, errorMsg) {
        if (errorCode == -110) {
            //alert("文件" + file.name + "超过" + $('#upfile').uploadify("settings", 'fileSizeLimit') + "大小限制，请重新上传");
            alert("上传图片必须小于3M");
            return false;
        }

    },

    //上传后执行的代码
    'onUploadSuccess': function (file, data, response) {
        var result = eval("(" + data + ")");
        if (result["isok"]) {
            if (jcrop_api) {
                jcrop_api.destroy();
                $("#popInnern_Content").html(appendHtmlStr)
            }
            //设置需要剪切的图片名称
            $("#cutSourceImgName").val(result["newname"]);
            $("#imgSource").attr("src", "");
            $("#imgSource").attr("src", "/Uploads/ShimaoNews/SourceImg/" + result["newname"]);
            $("#lyncSmallimg").attr("src", "/Uploads/ShimaoNews/SourceImg/" + result["newname"]);
            $("#lyncBigimg").attr("src", "/Uploads/ShimaoNews/SourceImg/" + result["newname"]);
            $("#newsSmallimg").attr("src", "/Uploads/ShimaoNews/SourceImg/" + result["newname"]);
            $("#newsBigimg").attr("src", "/Uploads/ShimaoNews/SourceImg/" + result["newname"]);
            $("#LyncBigPictureNewNameAfterJcrop").val("");
            $("#LYNCSmallImgNewNameAfterJcrop").val("");
            $("#newsSmallImgNewNameAfterJcrop").val("");
            $("#NewsBigPictureImgNewNameAfterJcrop").val("");

            $("#LYNCSmallSetState").show();
            $("#LYNCSmallOverSetState").hide();
            $("#LYNCBigSetState").show();
            $("#LYNCBigOverSetState").hide();
            $("#NewsSmallSetState").show();
            $("#NewsSmallOverSetState").hide();
            $("#NewsBigSetState").show();
            $("#NewsBigOverSetState").hide();
            //获取图片对象
            $("#imgSource").load(function () {
                img = null;
                if (this.complete || this.readyState == "complete") {
                    img = $("#imgSource");
                    var ratioImg = new Image();
                    ratioImg.src = img;
                    AutoResizeImage(643, 396, img)
                    var contentlength = result["contentlength"];
                    //更改：上传图片不能大于3M edit by sam
                    if (contentlength > 3145728) {
                        alert("上传图片必须小于3M");
                        hidPictureCover();
                    } else {
                        appendHtmlStr = $("#popInnern_Content").html();
                        openPictureCover();
                    }
                }
            })

        }

    },
    'onUploadError': function (file, errorCode) {
        if (file.type === "File Size") {
            alert('超过文件上传大小限制（3M）！');
            return;
        }
    }

}

//初始化裁剪.裁剪区域宽高，裁剪框位置，要裁减的div的宽高
function initJcrop(width, height, positionX, positionY, cutDivWidth, cutDivHeight, type) {

    $('#jcropDiv').Jcrop({
        onRelease: releaseCheck,
        onSelect: updateCoords,
        allowResize: true,
        aspectRatio: cutDivWidth / cutDivHeight

    }, function () {

        jcrop_api = this;

        //设置选择框的大小范围
        jcrop_api.setOptions({
            minSize: [parseInt(width), parseInt(height)],
            maxSize: [sourceWidth, sourceHeight],
            keySupport: true,
            fixedSupport: true,
            allowSelect: !!this.checked
        });
        //初始化一下选择框的大小，防止没有移动的时候没有值
        $('#x').val(positionX);
        $('#y').val(positionY);
        $('#w').val(parseInt(width));
        $('#h').val(parseInt(height));
    });
    //自动把选择框跳转到图片中间位置
    if (type == "1") {
        jcrop_api.setSelect([positionX, positionY, 300, 200]);
        console.log(jcrop_api.tellSelect());
        var t = jcrop_api.tellSelect();
    } else if (type == "2") {
        jcrop_api.animateTo([positionX, positionY, 570, 150]);
    } else if (type == "3") {
        jcrop_api.animateTo([positionX, positionY, 440, 270]);
    } else if (type == "4") {
        jcrop_api.animateTo([positionX, positionY, 1100, 390]);
    }
    //jcrop_api.animateTo([positionX, positionY, 200, 300]);

};

function releaseCheck() {
    jcrop_api.setOptions({ allowSelect: !!this.checked });
};
///检查新闻标题是否存在
function CheckNewsTitle() {
    var Title = $("#title").val();
    $.ajax({
        url: "/News/CheckNewsTitle",
        data: { "NewsTitle": Title },
        type: "POST",
        success: function (res) {
            if (res["success"] == 1) {
                CheckTitleTab = 0;
            }
            else {
                CheckTitleTab = 1;
                alert("新闻标题已存在！");
                $("#title").focus();
            }
        }
    })
}
//设置图片需要裁减的位置坐标
function updateCoords(c) {
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
};
//裁剪图片
function cutImg() {
    var postData = {
        "imgName": $("#cutSourceImgName").val(),
        "width": parseInt($("#w").val()),
        "height": parseInt($("#h").val()),
        "top": parseInt($("#y").val()),
        "left": parseInt($("#x").val()),
        "type": $("#cutSourceType").val(),
        "sourceWidth": parseInt(sourceWidth),
        "sourceHeight": parseInt(sourceHeight),
        "ratio": ratio
    }

    $.ajax({
        url: "/News/CutImage",
        data: postData,
        type: "POST",
        success: function (res) {
            if (res["isok"]) {
                closePopUp();

                switch ($("#cutSourceType").val()) {
                    case "LyncSmallPicture":
                        $("#LYNCSmallImgNewNameAfterJcrop").val(res["afterCutImgName"]);
                        $("#LYNCSmallSetState").hide();
                        $("#LYNCSmallOverSetState").show();
                        break
                    case "LyncBigPicture":
                        $("#LyncBigPictureNewNameAfterJcrop").val(res["afterCutImgName"]);
                        $("#LYNCBigSetState").hide();
                        $("#LYNCBigOverSetState").show();
                        break
                    case "NewsSmallPicture":
                        $("#newsSmallImgNewNameAfterJcrop").val(res["afterCutImgName"]);
                        $("#NewsSmallSetState").hide();
                        $("#NewsSmallOverSetState").show();
                        break
                    case "NewsBigPicture":
                        $("#NewsBigPictureImgNewNameAfterJcrop").val(res["afterCutImgName"]);
                        $("#NewsBigSetState").hide();
                        $("#NewsBigOverSetState").show();
                        break
                    default:
                        break;
                }

            } else {
                alert(result["msg"]);
            }
        }
    });
}

//保存新闻
function saveNews() {
    var Context = ue.getContent();

    //var postData = {
    // "ueditor": escape(ueditor)
    //}
    //定义字段并赋值
    var Title = $("#title").val();
    //判断文章标题不得为空
    if (Title == '') {
        alert("文章标题不得为空！");
        return;
    }
    if (CheckTitleTab == 1) {
        alert("文章标题已存在！");
        return;
    }
    //判断文章内容不得为空
    if (Context == '') {
        alert("文章内容不得为空！");
        return;
    }
    var AuthorId = $("input[name=userId]").val().replace(",", "");
    AuthorId = AuthorId.replace(",", "");
    if ($("#cutSourceImgName").val() == '') {
        OldPictureUrl = $("#cutSourceImgName").val();
    }
    else {
        OldPictureUrl = $("#cutSourceImgName").val().replace("Uploads/ShimaoNews/SourceImg/", "");
    }
    var TypeId = $("#typeId").val();
    var AreaId = $("#AreaNameOrId").val();
    var NewsCategoryId = $("#NewsCategoryName").val();
    var NewsSmallPicture = $("#newsSmallImgNewNameAfterJcrop").val();
    var NewsBigPicture = $("#NewsBigPictureImgNewNameAfterJcrop").val();
    var LyncSmallPicture = $("#LYNCSmallImgNewNameAfterJcrop").val();
    var LyncBigPicture = $("#LyncBigPictureNewNameAfterJcrop").val();
    var AbstractContent = $("#description").val();
    var CreatorID = 0;
    if (TypeId == '1') {
        if (AuthorId == '') {
            alert("请输入作者！");
            return;
        }
        if (LyncSmallPicture == '' || LyncBigPicture == '') {
            alert("请设置Lync图片！");
            return;
        }
        if (NewsSmallPicture == '' || NewsBigPicture == '') {
            alert("请设置新闻图片！");
            return;
        }
        if (AbstractContent == '') {
            alert("请输入新闻简介！");
            return;
        }
        if (AbstractContent.length < 30) {
            alert("简介最少输入30字！");
            return;
        }
    }
    else {
        if (AuthorId == '') {
            AuthorId = 0
        }
        if (LyncSmallPicture == '' || LyncBigPicture == '') {
            alert("请选择Lync图片！");
            return;
        }
        if (AbstractContent != '' && AbstractContent.length < 30) {
            alert("简介最少输入30字！");
            return;
        }
    }
    Context = escape(Context);//给内容加密
    //发布新闻字段
    var postData = {
        "Title": Title,
        "AuthorId": AuthorId,
        "TypeId": TypeId,
        "AreaId": AreaId,
        "NewsCategoryId": NewsCategoryId,
        "NewsSmallPicture": NewsSmallPicture,
        "NewsBigPicture": NewsBigPicture,
        "LyncBigPicture": LyncBigPicture,
        "LyncSmallPicture": LyncSmallPicture,
        "AbstractContent": AbstractContent,
        "CreatorID": CreatorID,
        "Context": Context,
        "OldPictureUrl": OldPictureUrl
    }
    $.ajax({
        url: "/News/SubmitNews",
        data: postData,
        type: "POST",
        success: function (res) {
            //if (success == 1)
            //{
            // alert("发布成功！");
            //}
            $(".Wrapper").hide();
            $(".Wrapper_Success").show();
            timeBegin();
        }
    });
}
//改变select新闻分类名
function ChangeNewsCategoryName() {
    var NewsType = $("#typeId").val();
    var data = {
        "NewsType": NewsType
    }
    $.ajax({
        url: "/News/GetNewsCategoryListByNewsType",
        data: data,
        type: "POST",
        success: function (res) {
            var NewsCategoryList = res;
            $("#NewsCategoryName").find("option").remove();
            for (var i = 0; i < NewsCategoryList.length; i++) {
                var NewsCategoryNameOption = "<option value='" + NewsCategoryList[i]["NewsCategoryId"] + "'>" + NewsCategoryList[i]["NewsCategoryName"] + "</option>";
                $("#NewsCategoryName").append(NewsCategoryNameOption); //为Select追加一个Option(下拉项)
            }
        }
    });
}
//返回历史页面
function BackHostry() {
    //window.history.back(-1);
    location.href = "/News";
    history.go(-1);
    //window.history.go(-1);
}
//倒计时
function timeBegin() {
    var time = parseInt($("#time_num").html()) - 1;
    //如果时间为零，返回上一页
    if (time == 0) {
        BackHostry();
    }
        //否则时间减一赋给标签
    else {
        setTimeout("timeBegin()", 1000);//设置1000毫秒以后执行一次本函数
        $("#time_num").html(time);
    }
}
//预览
function preview() {

    $(".previewCover .popContn .popInnern .popInnern_Content *").remove();
    $(".popInnern span").text("");
    $(".popInnern span").text($("#title").val());
    $(".previewCover .popContn .popInnern .popInnern_Content").append(ue.getContent());
    $(".previewCover").show();

}

function closePopUpPreview() {
    $(".previewCover").hide();
}
//限制字符长度//检查长度
function checklength(obj, maxlength, toID) {
    //var length = maxlength - lentgh(obj.value);
    var length = maxlength - $(obj).val().length;
    if (length < 0) {
        length = 0;
        var strLength = $(obj).val().substring(0, maxlength);
        $(obj).val(strLength);
        alert("请输入长度不超过" + maxlength + "的字符");
    }
    document.getElementById(toID).innerHTML = $(obj).val().length + "/" + maxlength + "字符";
    //if ($(obj).val().length > maxlength) {
    // alert("请输入长度不超过" + maxlength + "的字符");
    //}
}


function hidPictureCover() {
    $(".setPictureCover").hide();
}

function openPictureCover() {
    $(".setPictureCover").show();
}

function cutLYNCSmallImg() {

    $("#cutSourceType").val("LyncSmallPicture");
    $("#popTitlen").text("LYNC小图");
    $(".blackCover").show();
    if ($("#LYNCSmallImgNewNameAfterJcrop").val() == '') {
        $("#btnCancelCut").hide();
    }
    else {
        $("#btnCancelCut").show();
    }
    $(".blackCover").css("height", $(".mainRight").outerHeight());
    if (jcrop_api) {
        jcrop_api.destroy();
        $("#popInnern_Content").html(appendHtmlStr)
    }
    var hRatio = 100 / height;
    var wRatio = 150 / width;
    var cwidth = $("#jcropDiv").width() * wRatio;
    var cheight = $("#jcropDiv").height() * hRatio;
    var positionX = ($("#jcropDiv").width() - $("#jcropDiv").width() * wRatio) / 2;
    var positionY = ($("#jcropDiv").height() - $("#jcropDiv").height() * hRatio) / 2;

    //初始化Jcrop
    initJcrop(cwidth, cheight, positionX, positionY, 150, 100, 1);


}

function cutLYNCBigImg() {

    $("#cutSourceType").val("LyncBigPicture");
    $("#popTitlen").text("LYNC大图");
    $(".blackCover").show();
    if ($("#LyncBigPictureNewNameAfterJcrop").val() == '') {
        $("#btnCancelCut").hide();
    }
    else {
        $("#btnCancelCut").show();
    }
    $(".blackCover").css("height", $(".mainRight").outerHeight());
    if (jcrop_api) {
        jcrop_api.destroy();
        $("#popInnern_Content").html(appendHtmlStr)
    }
    var hRatio = 150 / height;
    var wRatio = 570 / width;
    var cwidth = $("#jcropDiv").width() * wRatio;
    var cheight = $("#jcropDiv").height() * hRatio;
    var positionX = ($("#jcropDiv").width() - $("#jcropDiv").width() * wRatio) / 2;
    var positionY = ($("#jcropDiv").height() - $("#jcropDiv").height() * hRatio) / 2;

    //初始化Jcrop
    initJcrop(cwidth, cheight, positionX, positionY, 570, 150, 2);


}

function cutNewsSmallImg() {

    $("#cutSourceType").val("NewsSmallPicture");
    $("#popTitlen").text("新闻小图");
    $(".blackCover").show();
    $(".blackCover").css("height", $(".mainRight").outerHeight());
    if ($("#newsSmallImgNewNameAfterJcrop").val() == '') {
        $("#btnCancelCut").hide();
    }
    else {
        $("#btnCancelCut").show();
    }
    if (jcrop_api) {
        jcrop_api.destroy();
        $("#popInnern_Content").html(appendHtmlStr)
    }
    var hRatio = 270 / height;
    var wRatio = 440 / width;
    var cwidth = $("#jcropDiv").width() * wRatio;
    var cheight = $("#jcropDiv").height() * hRatio;
    var positionX = ($("#jcropDiv").width() - $("#jcropDiv").width() * wRatio) / 2;
    var positionY = ($("#jcropDiv").height() - $("#jcropDiv").height() * hRatio) / 2;

    //初始化Jcrop
    initJcrop(cwidth, cheight, positionX, positionY, 440, 270, 3);
}

function cutNewsBigImg() {

    $("#cutSourceType").val("NewsBigPicture");
    $("#popTitlen").text("新闻大图");
    $(".blackCover").show();
    $(".blackCover").css("height", $(".mainRight").outerHeight());
    if ($("#NewsBigPictureImgNewNameAfterJcrop").val() == '') {
        $("#btnCancelCut").hide();
    }
    else {
        $("#btnCancelCut").show();
    }
    if (jcrop_api) {
        jcrop_api.destroy();
        $("#popInnern_Content").html(appendHtmlStr)
    }

    var hRatio = 390 / height;
    var wRatio = 1100 / width;
    var cwidth = $("#jcropDiv").width() * wRatio;
    var cheight = $("#jcropDiv").height() * hRatio;
    var positionX = ($("#jcropDiv").width() - $("#jcropDiv").width() * wRatio) / 2;
    var positionY = ($("#jcropDiv").height() - $("#jcropDiv").height() * hRatio) / 2;

    //初始化Jcrop
    initJcrop(cwidth, cheight, positionX, positionY, 1100, 390, 4);
}

//查询LYNC小图
function SearchLYNCSmallImg() {
    if ($("#LYNCSmallImgNewNameAfterJcrop").val() == '') {
        alert("请先设置LYNC小图");
    }
    else {
        var src_image = $("#LYNCSmallImgNewNameAfterJcrop").val();
        $("#imgNews").attr("src", "../Uploads/ShimaoNews/LyncSmallPicture/" + src_image + "");
        openPopUps();
    }
}
//查询LYNC大图
function SearchLYNCBigImg() {
    if ($("#LyncBigPictureNewNameAfterJcrop").val() == '') {
        alert("请先设置LYNC大图");
    }
    else {
        var src_image = $("#LyncBigPictureNewNameAfterJcrop").val();
        $("#imgNews").attr("src", "../Uploads/ShimaoNews/LyncBigPicture/" + src_image + "");
        openPopUps();
    }
}
//查询新闻小图
function SearchNewsSmallImg() {
    if ($("#newsSmallImgNewNameAfterJcrop").val() == '') {
        alert("请先设置新闻小图");
    }
    else {
        //绑定点击查看已设置的图片
        var src_image = $("#newsSmallImgNewNameAfterJcrop").val();
        $("#imgNews").attr("src", "../Uploads/ShimaoNews/NewsSmallPicture/" + src_image + "");
        openPopUps();
    }
}
//查询新闻大图
function SearchNewsBigImg() {
    if ($("#NewsBigPictureImgNewNameAfterJcrop").val() == '') {
        alert("请先设置新闻大图");
    }
    else {
        var src_image = $("#NewsBigPictureImgNewNameAfterJcrop").val();
        $("#imgNews").attr("src", "../Uploads/ShimaoNews/NewsBigPicture/" + src_image + "");
        openPopUps();
    }
}
function AutoResizeImage(maxWidth, maxHeight, objImg) {
    var img = new Image();
    img.src = objImg.attr("src");
    var hRatio;
    var wRatio;
    var Ratio = 1;
    width = img.width;
    height = img.height;
    var w = img.width;
    var h = img.height;
    wRatio = maxWidth / w;
    hRatio = maxHeight / h;
    if (maxWidth == 0 && maxHeight == 0) {
        Ratio = 1;
    } else if (maxWidth == 0) {//
        if (hRatio < 1) Ratio = hRatio;
    } else if (maxHeight == 0) {
        if (wRatio < 1) Ratio = wRatio;
    } else if (wRatio < 1 || hRatio < 1) {
        Ratio = (wRatio <= hRatio ? wRatio : hRatio);
    }
    if (Ratio < 1) {
        w = w * Ratio;
        h = h * Ratio;
    }
    ratio = Ratio;
    objImg.width(w);
    objImg.height(h);
    sourceWidth = w, sourceHeight = h;

    $("#jcropDiv").width(w - 4);
    $("#jcropDiv").height(h - 4);
    $("#popInnern").width(w + 4);
    $("#popInnern").height(h + 4);
    $("#jcropDiv").css("margin-left", (maxWidth - w) / 2)

}
//取消按钮事件
function btn_Cancel() {
    var Context = ue.getContent();
    var AbstractContent = $("#description").val();
    if (Context == "" && AbstractContent == "") {
        window.close();
    }
    else {
        $("#Cancel001").html("您确认放弃当前的输入内容吗？");
        openPopUp001();
    }
}
//确定放弃当前输入内容
function Shure001() {
    window.close();
}
yangxin_LZHH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uploadify简单应用
06-06
uploadify是一个文件上传控件，简单易懂，不懂也没关系，可以直接下载源码，看一下你就会了。
前端upload插件uploadify
03-19
Uploadify是一款广泛应用于前端开发中的上传插件，它极大地简化了网页文件上传的过程，使得开发者可以轻松地在网站上实现多文件、异步上传的功能。这个插件支持各种浏览器，包括Firefox、Chrome、Safari、Opera以及...
uploadify
dmm1888的博客
07-08 213
uploadify是什么 Uploadify是来自国外的一款优秀jQuery插件，主要功能是批量上传文件 uploadify怎么和项目结合起来使用 首先我们需要下载相关插件 从哪里下载uploadify？ 网址http://www.uploadify.com/ 第一步 ​ 第二步下载完成将其解压，然后找到相...
uploadify上传文件前端配置
u011649976的博客
06-03 598
var url="";//根路径 $("#inputUpload").uploadify({         'progressData' : 'speed', 'swf' : url+ '/public/js/plugins/upload/uploadify.swf', 'uploader' : url + '/public/pic/uploadFile, 'cancelImage'
php文件引入jq_php+jQuery.uploadify实现文件上传教程
weixin_30320587的博客
01-17 151
这两天用上传的控件，PHP+Jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家，给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/！简单举例一下使用然后我都加上注释给大家，方便大家阅读和...
JQuery上传插件Uploadify使用详解
十五楼亮哥
06-13 809
1：准备工作       官方下载地址：http://www.uploadify.com/download/        2：引入文件 href="uploadify.css" rel="stylesheet"> src="jquery.uploadify.min.js"> 3：前台页面 type="hidden
uploadify与plupload使用
08-08
在IT行业中，前端数据上传是常见的操作，"uploadify" 和 "plupload" 都是广泛使用的JavaScript库，用于实现浏览器端的文件上传功能。它们提供了丰富的自定义选项和良好的用户体验，尤其对于处理大文件上传和批量上传...
uploadify上传
12-27
`uploadify`的使用主要包括前端配置和后端处理两部分： - **前端配置**：在HTML页面中引入`uploadify.css`和`uploadify.swf`（Flash文件），然后通过JavaScript设置`uploadify`插件的参数，例如选择按钮ID、允许...
uploadify上传的使用
08-06
总结来说，uploadify是一个强大且易用的文件上传解决方案，它简化了前端文件上传的实现，同时也考虑到了用户体验和服务器端的配合。通过理解和熟练运用uploadify，开发者可以快速构建出稳定可靠的文件上传功能，提升...
EXCEL通过uploadify导入
weixin_30636089的博客
02-15 83
　　在企业级开发里，经常要用到导入，在我开发的系统里面导入用到的第三方导入组件是uploadify，下面我把代码贴到下面来，基本上可以套上去使用！ ----------------------------------------------------------------------------------------------------- 　　前端代码： var buttonTex...
uploadify导入Excel表格
zhangkaikai12346456的博客
02-12 403
jsp页面 &lt;link rel="stylesheet" type="text/css" href="&lt;%=path%&gt;/public/uploadify/uploadify.css"&gt; &lt;script type="text/javascript"&gt;      var newPath=path;//重新定义一个path值，因为uploadif
一款基于uploadify扩展的多文件上传插件，完全适用于Html5
weixin_30438813的博客
11-06 177
http://www.uploadify.com/documentation/ 官网里面有两个插件，一个是要使用flash插件才能文件上传的插件，另外一个是不需要使用要flash插件的文件上传插件完全支持和html5,但是它是要收费的，所有只能在它基础上自己去写一个插件来完成html5多文件上传。 接下来就是介绍写好了的插件用法，和官方用法是完全一样的，可以去参考官方文档 插...
uploadify实现excel导入
chenyuangege的专栏
06-07 1166
uploadify实现excel导入
uploadify文件上传插件使用教程
梦行天宇的博客
08-30 2913
uploadify插件 Uploadify是jQuery的一个文件上传插件，带有上传进度条。（easy to implement, highly customizable） 官网 官方文档 使用步骤 html结构 <input type="file" id="file_upload_1"> 引入文件 <!--如果想要样式，那就需要引入, 非必须--> <link rel="s
jquery.uploadify php,jquery组件Uploadify的使用
weixin_36245958的博客
03-25 158
在百通微博项目的开发过程中曾遇到了这样一个难题，一个发图片微博的功能，需要做到上传并预览图片，但传统的上传功能是运用的简单的file控件，如果要将图片上传到服务器的话还需另外添加上传功能，而且后面的预览功能仍需要另外写js去实现，整个过程比较繁琐，而且做出来的效果也并不美观，所以我抛弃了传统做法，并在网上搜索新的功能组件，于是，便找到了就jquery的uploadify组件。jquery大家都知道...
uploadify上传图片插件的使用
weixin_30662011的博客
11-14 80
uploadify 是一款上传图片专用的插件该插件在页面中只是一个按钮，点击按钮弹出文件选择框，选择图片后自动上传到服务器 1.http://www.uploadify.com/ 是其官网 下载可能需要钱 2.使用 在官网点击doc来到文档位置http://www.uploadify.com/documentation/ 在下面点击Implementing Uploadify来到安装使用的目录...
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
Jack 架构师之路
07-05 2590
架构
jQuery上传插件Uploadify 3.2用法
xuan_lin的专栏
07-08 485
Uploadify下载地址：http://www.uploadify.com/download/ 这里下载最新版的3.2的。 下载下来解压后里面很多文件，其实有用的也就一个jquery.uploadify.js和uploadify.swf这两个文件。当然，jQuery库是必须的。 在你使用的项目中，把jquery.uploadify.js引入以后，用法和大多数JQ插件一样。同时也要记得引入swf
springboot使用uploadify上传文件
weixin_41588751的博客
02-04 404
1.首先引入uploadify的插件 jquery.uploadify.js jquery.uploadify.min.js 是uploadify.swf提供我们操作uploadify.swf 的js对象 uploadify.swf 做上传的flash程序 uploadify-cancel.png 取消上传的图片 2.2.先看官网给我们的Basic Demo $(function() { ...
Uploadify3.1配置详解与使用指南
Uploadify3.1 是一款广泛使用的前端文件上传组件，它通过Flash技术实现了异步文件上传，并提供了多种自定义选项。以下是对标题和描述中涉及的几个关键知识点的详细说明： 1. **auto** - 这个选项决定了在用户选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值