js教程

ajaxFileUpload上传实例代码教程

我的站长站 2023-03-17 人阅读
//上传图标
        function ajaxFileUpload() {
            $.ajaxFileUpload({
                url: "@Url.Action("UploadImgFile", "Upload")", //用于文件上传的服务器端请求地址
                secureuri: false, //一般设置为false
                fileElementId: $("input[name=file_upload]"), //文件上传空间的id属性
                dataType: "text", //返回值类型
                success: function (data, status) {  //服务器成功响应处理函数
                    var data2 = JSON.parse(data);
                    if (data2.ResultType == "@OperationResultType.Success.ToInt32()") {
                        $("input[name=Icon]").val(data2.ResultMessage);
                        $("label.img-label").text("重传");
                    }
                    else {
                        showMessage(data2.ResultMessage);
                    }
                },
                error: function (data, status, e) {//服务器响应失败处理函数
                    showMessage("服务器未响应");
                }
            });
            return false;
        }
   /// <summary>
        /// 浏览上传文件
        /// </summary>
        /// <param name="file_upload">文件</param>
        /// <returns></returns>
        public ContentResult UploadImgFile(HttpPostedFileBase file_upload)
        {
            OperationResult result;
            if (file_upload == null)
            {
                result = new OperationResult(OperationResultType.Error, "请选择要上传的图片");
            }
            else
            {
                var fileExtension = Path.GetExtension(file_upload.FileName).ToLower();
                if (!WebConfigInfo.ImageSupportType.Contains(fileExtension))
                {
                    result = new OperationResult(OperationResultType.Error, "请上传" + WebConfigInfo.ImageSupportType+"格式的图片");
                }
                else if (file_upload.ContentLength > Convert.ToInt32(WebConfigInfo.IconFileSizeLimit.Remove(WebConfigInfo.IconFileSizeLimit.LastIndexOf(' '))) * 1024)
                {
                    result = new OperationResult(OperationResultType.Error, "请上传最大不超过" + WebConfigInfo.IconFileSizeLimit+"的图片");
                }
                else
                {
                    string path = "/upload/" + DateTime.Now.ToString("yyyyMMdd");
                    string uploadDir = Server.MapPath(WebConfigInfo.VirtualDirectoryName + path);
                    // 如果上传课程文件夹不存在,则创建
                    if (!Directory.Exists(uploadDir))
                        Directory.CreateDirectory(uploadDir);
                    string fileUrl = string.Format("{0}/{1}{2}", path, Guid.NewGuid().ToString().Replace("-", string.Empty), fileExtension);
                    file_upload.SaveAs(Server.MapPath(WebConfigInfo.VirtualDirectoryName + fileUrl));
                    result = new OperationResult(OperationResultType.Success, fileUrl);
                }
            }
            var json = string.Format("{0}\"ResultType\":\"{1}\",\"ResultMessage\":\"{2}\"{3}", "{", result.ResultType.ToInt32(), result.Message, "}");
            return Content(json);
        }


相关推荐
  • js代码
  • ajaxFileUpload
  • js指定时间定时自动执行代码分享

    示例代码用的`setTimeout()`函数,在指定的时间后执行。代码非常的简单,获取当前时间和设定一个指定时间,指定时间减去当前时间就是定时的时间,如果定时器到期时等于0,就代表时间到了,就运行executeAtTime函数的方法。function executeAtTime() { console....

    js教程 96 1年前
  • JS代码解除网页右键限制

    JS解除右键限制方法一javascript:(function () {function R(a) {ona = "on" + a;if (window.addEventListener){window.addEventListener(a, function (e) {for (var n = e.originalTarget; n; n = n.parentNode){n[ona] = null;}}, true);}window[o...

    js教程 202 4年前
  • 淘宝买家秀API+ajax代码

    淘宝买家秀API+ajax代码,用的是这个API,https://api.66mz8.com/api/rand.tbimg.php?format=jsonJSON返回格式,测试依旧可用。$(function(){ $.get('https://api.66mz8.com/api/rand.tbimg.php?format=json',function(data){ document.getElementB...

    js教程 748 4年前
  • ajaxFileUpload上传实例代码教程

    //上传图标 function ajaxFileUpload() { $.ajaxFileUpload({ url: "@Url.Action("UploadImgFile", "Upload")", //用于文件上传的服务器端请求地址 secureuri: false, //一般设置为false ...

    js教程 45 1年前
  • AjaxFileUpload文件上传示例代码

    AjaxFileUpload下载地址:https://github.com/carlcarl/AjaxFileUpload前台引用文件 ajaxfileupload.js@{ ViewBag.Title = "数据导入"; Layout = "~/Views/Shared/_IndexLayout.cshtml";}<!--单个文件--><script src="~/Content/scripts/upload...

    js教程 29 1年前
最新更新
  • js返回上一页、刷新页面代码大全

    返回上一页代码:<a href="javascript:history.go(-1)">返回上一页</a>onclick返回上一页代码:<a href="javasc...

    js教程 2天前
  • js语言!=与!==的区别

    != (不等于)!= 是松散的不等于运算符。它在比较两个值时,会先进行类型转换(type coercion),然后再比较值是否不...

    js教程 6天前
  • JS防止网站被扒的解决方法

    这个代码能够直接保护整个站,而不再是单个页面,直接把代码放到自己的网站上,如果是博客建议放到header.php头部...

    js教程 3周前
  • Hexo插件开发实战教程

    Hexo的插件嵌入有两种方式,一种是通过脚本(Scripts)的方式引入,一种是通过插件(Packages)的方式将自定义的插件内...

    js教程 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时...

    js教程 1个月前