Foxtable(狐表)用户栏目专家坐堂 → uploader上传图片后,如何验证图片数量


  共有5740人关注过本帖树形打印复制链接

主题:uploader上传图片后,如何验证图片数量

帅哥哟,离线,有人找我吗?
zhangjian222200
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
uploader上传图片后,如何验证图片数量  发帖心情 Post By:2017/3/18 18:02:00 [显示全部帖子]

uploader上传图片
1.如何验证图片已经上传
2.如何验证图片数量<10


例如:移动开发指南:使用AJAX-------再谈表单验证,其中的例子,如何验证图片上传数量
[此贴子已经被作者于2017/3/18 19:45:24编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/20 11:20:00 [显示全部帖子]

回楼上,这2个属性可以配合TopTips使用吗?

例如:当服务器照片数量小于1,提示上传
[此贴子已经被作者于2017/3/20 11:24:44编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/20 14:02:00 [显示全部帖子]

1.当照片数量小于4,提示上传,代码保存提示:files不是wUploader成员
2.showtoptips,缺少应用实例,不知道怎么使用
Dim e As RequestEventArgs = args(0)                            '注册第7页,上传照片
Select Case e.Path
    Case "images.htm"
        Dim wb As New weui
        wb.AddForm("","form1","images.htm")
        With wb.AddInputGroup("form1","ipg22","生活照(选择2张以上靓照)") '带图片浏览的文件上传
            With .AddUploader("up2","",True) 'True表示允许一次上传多个文件
                If .files.length < 4 Then
                    showTopTips("shenghuozhao","请上传生活照",2500)
                End If
            End With
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "提交", "","/success.htm")
        End With
        e.WriteString(wb.Build) '生成网页
End Select
[此贴子已经被作者于2017/3/20 14:05:26编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/20 15:39:00 [显示全部帖子]

如下操作,还请指导
内部函数这样写:
Dim e As RequestEventArgs = args(0)                            '注册第7页,上传照片
Select Case e.Path
    Case "images.htm"
        Dim wb As New weui
      wb.showTopTips("toptip1","请上传1张照片",2500)
      wb.showTopTips("toptip2","请最少上传4张照片",2500)
        wb.AddForm("","form1","images.htm").Attribute = "" '调用函数
        With wb.AddInputGroup("form1","ipg1","文件上传"'文件上传(1个)
            .AddUploader("up1","")
        End With
        With wb.AddInputGroup("form1","ipg22",
"
文件上传"'带图片浏览的文件上传(最少4个)
            .AddUploader("up4",
"
图片",True'True表示允许一次上传多个文件
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "提交", "","/success.htm")
        End With
      wb.AppendHTML("<script src='./lib/valid.js'></script>"'引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

js这样写:

1、在"d:\web\lib"新建一个文本文件,文件名为"valid.js",文件内容为:

function valid(){
   var v1 = document.getElementById("up1").
files.length;
   var v2 = document.getElementById("up4").
files.length;
   if v1 < 1{return true}
   show("","toptip1",2000);
   return false;

   elseif v4 < 4{return true}

   show("","toptip4",2000);
   return false;

}

[此贴子已经被作者于2017/3/20 15:44:10编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 9:30:00 [显示全部帖子]

网页内部函数images,保存提示错误:showtoptips不是wui成员

代码见记事本
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:31928611.txt




[此贴子已经被作者于2017/3/21 9:37:43编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 13:24:00 [显示全部帖子]

10楼文档内代码如下,需要写类似红框里的代码么?

图片点击可在新窗口打开查看此主题相关图片如下:qq图片2017032113223544.png
图片点击可在新窗口打开查看
[此贴子已经被作者于2017/3/21 13:24:35编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 14:43:00 [显示全部帖子]

因为没有示例,实在不知道怎么写,这里贴出页面及js代码,还请指导怎么编写

.AddUploader("up1","",False)上传数量小于1,提示上传;当.AddUploader("up4","",True)上传数量小于4,提示上传;
上传照片页面,images代码:
Dim e As RequestEventArgs = args(0)                            '注册第7页,上传照片
Select Case e.Path
    Case "images.htm"
        Dim wb As New weui
            wb.AddTopTips("","toptip1","请选择1张照片") '用于显示动态错误提示
            wb.AddTopTips("","toptip2","请最少选择4张照片") '用于显示动态错误提示
        'showTopTips("toptip1","请上传1张照片",2500)
        'showTopTips("toptip2","请最少上传4张照片",2500)

        wb.AddForm("","form1","images.htm").Attribute="on-sub-mit='re-turn va-li-dit_images(-)'"
        With wb.AddInputGroup("form1","ipg1","展示照(选择1张靓照即可)") '文件上传(1个)
            .AddUploader("up1","",False)
        End With
        With wb.AddInputGroup("form1","ipg22","生活照(选择2张以上靓照)") '带图片浏览的文件上传(最少4个)
            .AddUploader("up4","",True) 'True表示允许一次上传多个文件
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "提交", "submit")
        End With
        wb.AppendHTML("<script src='./lib/ajaxform_images.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

这是js代码:
function validit_images(){
var v1 = document.getElementById("up1").files.length;
var v2 = document.getElementById("up4").files.length;
alert(v1);
alert(v2);
If(v1 < 1){
    show("","toptip1",2000);
    Return false;
}
If(v2 < 4){
    show("","toptip2",2000);
    Return false;
}
return true
}
[此贴子已经被作者于2017/3/21 14:52:29编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 21:29:00 [显示全部帖子]

按14楼提示,验证数量成功,但是照片上传不成功,贴出代码如下:

这是内部函数images.htm代码:
Dim e As RequestEventArgs = args(0)                            '注册第7页,上传照片
Select Case e.Path
    Case "images.htm"
        Dim wb As New weui
        If e.PostValues.Count = 0 Then
            wb.AddTopTips("","toptip1","") '用于显示动态错误提示

            wb.AddForm("","form1","validit_images.htm").Attribute="onsubmit='return validit_images()'"
            With wb.AddInputGroup("form1","ipg1","展示照(选择1张靓照即可)") '文件上传(1个)
                .AddUploader("up1","",False)
            End With
            With wb.AddInputGroup("form1","ipg22","生活照(选择4张以上靓照)") '带图片浏览的文件上传(最少4个)
                .AddUploader("up4","",True) 'True表示允许一次上传多个文件
            End With
            With wb.AddButtonGroup("form1","btg1",True)
                .Add("btn1", "提交", "submit")
            End With
            wb.AppendHTML("<script src='./lib/ajaxform_images.js'></script>") '引入脚本文件
            e.WriteString(wb.Build) '生成网页
        End If
End Select

这是js代码:
function validit_images(){
var v1 = document.getElementById("up1").files.length;
var v2 = document.getElementById("up4").files.length;

if(v1 < 1){
    showTopTips("toptip1","请选择1张展示照上传",2000);
    return false;
}
if(v2 < 4){
    showTopTips("toptip1","请选择4张以上生活照上传",2000);
    return false;
}
return true;
}

这是保存页面valid_images代码:(msgbox,没有一个执行)
Dim e As RequestEventArgs = args(0)                             '验证页面(照片)
Select Case e.Path
    Case "valid_images.htm"
        msgbox("000")
        Dim wb As New weui
        msgbox("111")
        Dim drbianh As String = e.Cookies("drbianhao") '为cookie传递数据
        'msgbox(drbianh)
        Dim dr As DataRow = DataTables("会员资料").sqlFind("会员编号 = '" & drbianh & "'")
        If dr IsNot Nothing Then                           '测试代码:msgbox(e.PostValues("isr"))
            msgbox(1)
            For Each key As String In e.Files.Keys
                msgbox(2)
                If key = "up1" Then
                    msgbox(3)
                    For Each fln As String In e.Files(key)
                        e.SaveFile(key, fln, ProjectPath & "Attachments\" & fln)
                    Next
                    dr.Lines("展示照") = e.Files(key)
                End If
            Next
            For Each key1 As String In e.Files.Keys
                msgbox(4)
                If key1 = "up4" Then
                    msgbox(5)
                    For Each fln1 As String In e.Files(key1)
                        msgbox(6)
                        e.SaveFile(key1, fln1, ProjectPath & "Attachments\" & fln1)
                    Next
                    dr.Lines("生活照") = e.Files(key1)
                End If
            Next
            '保存并生成增加成功提示页面
            dr.save()
        End If
        'With wb.AddMsgPage("","msgpage","注册成功", "本地自助服务,为您婚恋交友之路保驾护航") '生成成功提示页
        '.AddButton("btn1","完善资料","/fillout.htm")
        'End With
        wb.InsertHTML("<meta http-equiv='Refresh' c>") '那么直接跳转到登录页面
        e.WriteString(wb.Build) '生成网页
End Select
[此贴子已经被作者于2017/3/22 9:23:02编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 22:18:00 [显示全部帖子]

15楼已经按16楼修改,执行后,validit_images提示,执行会跳转到页面validit_images.htm,页面是空白的就不动了,里面的msgbox还是没有一个执行,我感觉是js文件的原因,但是不知道怎么改
[此贴子已经被作者于2017/3/21 22:25:25编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1532 积分:10808 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/3/21 23:12:00 [显示全部帖子]

涉及“会员资料”表的两照片列,我已经扩展为图片列,是否需要设置路径什么的?

 回到顶部
总数 28 1 2 3 下一页