jquery图片上传

查看演示立即下载

插件描述：图片上传

更新时间：2019-09-16 15:30:53

更新说明：修复上传文件名为中文时出现的错误问题

.net后台文件实现代码，已测试可使用，上传OK

添加文件upup.aspx,代码如下

using System;
using System.Data.OleDb;
 
public partial class upup : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Response.ContentType = "text/plain";
        var fs = Request.Files;
        if (fs.Count > 0)
        {
            try
            {
                string strFailNameOld = fs[0].FileName.ToString().Trim().ToUpper();
                strFailNameOld = strFailNameOld.Substring(0, strFailNameOld.LastIndexOf("."));
                string strFailNameNew = "";
                Random rd = new Random();
                string path = System.Web.HttpContext.Current.Server.MapPath("upimg\\");//上传路径的文件夹
                string pathName = fs[0].FileName;
                int lastPosition = pathName.LastIndexOf("\\");
                string fileName = pathName.Substring(lastPosition + 1);
                string fileType = fileName.Substring(fileName.LastIndexOf(".") + 1);
                string vstr = path + DateTime.Now.ToString("yyyymmddhhmmss") + rd.Next().ToString() + fileName;
                strFailNameNew = DateTime.Now.ToString("yyyymmddhhmmss") + rd.Next().ToString() + fileName;
                string connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source =" + vstr + ";Extended Properties='Excel 8.0;HDR=NO;IMEX=1'";
                OleDbConnection olecon = new OleDbConnection(connstr);
                fs[0].SaveAs(vstr);
                Response.Write(strFailNameNew);
                /*文件名、文件路InsertIntoNameToDB(strFailNameOld,strFailNameNew)
                 * 
                 */
            }
            catch (Exception ex)
            {
                string strErr = ex.ToString();
            }
        }
    }
}

修改jq22.js中第9行,后台文件路径，请确保路径正确

1	`url:"upup.aspx",` `// 上传文件的路径`

还有注意：上传路径的文件夹upimg要存在，根据自己实际情况，只要路径正确是不会出错的。

string path = System.Web.HttpContext.Current.Server.MapPath("upimg\\");//上传路径的文件夹

以下内容由 EX丨Calibur丶提供

这个插件前台页面的文档可以查到，后台接收就没有说明了。这里介绍一下我用springmvc接收传向后台的值：

@RequestMapping("/admin/addImage.do")
public ModelAndView handleRequest(HttpServletRequest request,
        HttpServletResponse response) throws Exception {
        MultipartResolver resolver = new CommonsMultipartResolver(request
            .getSession().getServletContext());
        MultipartHttpServletRequest multipartRequest = resolver
            .resolveMultipart(request);
        MultipartFile file = multipartRequest.getFile("fileList");

这个file就能获取前台post传出的值。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：仿百度自动补全搜索框效果
下一个特效： Retina_Dashboard后台管理模板