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


  共有5870人关注过本帖平板打印复制链接

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

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


加好友 发短信
等级:七尾狐 帖子:1536 积分:10849 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/5/30 22:19:00 [只看该作者]

.AddImage("./shz/d/" & UrlEncode(zhaop),"./shz/d/" & UrlEncode(zhaop))

上面代码是已经保存了的图片,在别的网页的引用
前面是小图,后面是大图

问下:
将一张照片存到2列,一列宽带改为400保存,另一列宽度改为100保存?

以下是界面生成页面:images.htm
Dim e As RequestEventArgs = args(0)                            '注册第7页,上传照片
Dim wb As New weui
If e.PostValues.Count = 0 Then
    wb.AddTopTips("","toptip1","") '用于显示动态错误提示
    'wb.AddPageTitle("","pageheader","***","*********")
    With wb.AddArticle("","ar1")
        .AddImage("./images/langwo/logo1.jpg")
        .Attribute = "style='padding:0em;'"
    End With
    wb.AddForm("","form1","valid_images.htm")
    With wb.AddInputGroup("form1","ipg1","展示照(选择1张靓照即可)") '文件上传(1个)
        With.AddUploader("up1","",False)
        .AllowDelete = True '允许用户删除图片
        .ScaleWidth = 400 '自动压缩图片宽度为400个像素,高度等比例压缩,需要将这张照片保存宽100,以便后续代码引用,怎么做?
    End With
End With
With wb.AddInputGroup("form1","ipg22","生活照(选择4张以上靓照)") '带图片浏览的文件上传(最少4个)
    With.AddUploader("up4","",True) 'True表示允许一次上传多个文件
    .AllowDelete = True '允许删除
    .Incremental = True '允许 重复选择文件或连续拍照
    .ScaleWidth = 400 '自动压缩图片宽度为400个像素,高度等比例压缩
End With
End With
With wb.AddButtonGroup("form1","btg1",True)
    .Add("btn1", "提交", "button").Attri-bute= "on-click='validit_images()'" '调用js函数上传
End With
wb.AddToast("","tst1", "正在上传",1)
wb.AddToast("","tst2", "上传成功",0)
wb.AddToast("","tst3", "上传失败",0).Icon= "warn"
wb.AppendHTML("<script src='./lib/ajaxform_images.js'></script>") '引入脚本文件
e.WriteString(wb.Build) '生成网页
End If

以下是保存图片页面:valid_images.htm
Dim e As RequestEventArgs = args(0)                             '验证页面(照片)
Dim wb As New weui
Dim NewName As String '应该是照片的新名字
Dim drbianh As String = e.Cookies("drbianhao") '为cookie传递数据
Dim dr As DataRow = DataTables("会员资料").sqlFind("会员编号 = '" & drbianh & "'")

If dr IsNot Nothing Then                           '测试代码:msgbox(e.PostValues("isr"))
    For Each key As String In e.Files.Keys
        If key = "up1" Then
            For Each fln As String In e.Files(key)
                Dim ext As String = fln.Split(".")(1)
                NewName = Format(Date.Now, "yyyyMMddHHmmss") & Rand.Next(10000,99999) & "." & ext
                e.SaveFile(key, fln, "e:\web\zsz\d\" & Format(Date.Today, "yyyyMM") & "\" & NewName)
                dr("展示照") &= iif(dr.IsNull("展示照"), "", vbcrlf) & Format(Date.Today, "yyyyMM") & "\" & NewName
            Next
        End If
    Next
    For Each key1 As String In e.Files.Keys
        If key1 = "up4" Then
            For Each fln1 As String In e.Files(key1)
                Dim ext1 As String = fln1.Split(".")(1)
                NewName = Format(Date.Now, "yyyyMMddHHmmss") & Rand.Next(10000,99999) & "." & ext1
                e.SaveFile(key1, fln1, "e:\web\shz\d\" & Format(Date.Today, "yyyyMM") & "\" & NewName)
                dr("生活照") &= iif(dr.IsNull("生活照"), "", vbcrlf) & Format(Date.Today, "yyyyMM") & "\" & NewName
                dr("资料完整度") = "初步完整"
                dr("照片审核") = "尚待审核"
                dr("注册填写到") = "images"  '填写新会员,注册资料填写到什么程度
            Next
        End If
    Next
    dr.save()              '保存
    e.WriteString("OK") '生成网页
Else
    e.WriteString("错误提示")
End If

js:
function validit_images(){
  var v1 = document.getElementById("up1_thumbnails").getElementsByTagName("li").length;
  var v2 = document.getElementById("up4_thumbnails").getElementsByTagName("li").length;
  alert(v1 + " " + v2);
 if(v1 < 1){
  showTopTips("toptip1","请选择1张展示照上传!",2000);
  return false;
  }
 if(v1 > 1){
  showTopTips("toptip1","展示照只可以上传1张!",2000);
  return false;
  }
 if(v2 < 4){
  showTopTips("toptip1","请选择4张以上生活照上传!",2000);
  return false;
  }
 if(v2 > 10){
  showTopTips("toptip1","生活照最多可以上传10张!",2000);
  return false;
  }
  show("tst1",2000);
  var result = submitAjaxForm('form1','afterSubmit');
}
function afterSubmit(result){
  hide("tst1");
 if (result=='OK') {
  show("tst2");
  location="success.htm";
  }
 else{
    show("tst3",2000);
  }
}
[此贴子已经被作者于2017/5/30 22:52:00编辑过]

 回到顶部
总数 55 1 2 3 4 5 6 下一页