Foxtable(狐表)用户栏目专家坐堂 → 图片上传失败


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

主题:图片上传失败

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


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

楼上的代码,复制进入相应函数内,看起来好像是调用js应该是对的啊
未保存
数量不够无提示
展示照一次只能选择1张,这个是好的,但是,希望不能有第2张照片

图片点击可在新窗口打开查看此主题相关图片如下:qq图片201704072302666.png
图片点击可在新窗口打开查看


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


加好友 发短信
等级:超级版主 帖子:107440 积分:546479 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/4/8 12:08:00 [只看该作者]

Incremental属性会影响图片数量的判断,之前说过的,改一下判断方式


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


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

回头看了楼上的内容,又看了upload、submitajaxform等帮助文件,也重新确定了需求,改写代码后(粉色部分):

发现:感觉整个js好像没有调用成功,toptip不提示,无法跳转页面,页面不保存,11楼的问题还在。valid_images.htm,页面的代码,没有改动(1楼有):
这是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.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个像素,高度等比例压缩
                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='re-turn validit_images()'" '调用js函数上传
        End With
        wb.AddToast("","tst1", "正在上传",1)
        wb.AddToast("","tst2", "上传成功",0)
        wb.AddToast("","tst3", "上传失败",0).Icon= "warn"
        wb.AppendHTML("<script sr-c='./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_thumbnails").getElementsByTagName("li").length;
  alert(v1 + " " + v2);
 If(v1 < 1){
  showTopTips("toptip1","请选择1张展示照上传!",2000);   ’这些toptip不显示
  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');  ’这里应该没有返回用于保存的值,感觉整个js都没有调用
}

Function afterSubmit(result){
  hide("tst1");
 If (result=='OK') {
  show("tst2");
  location="success.htm";
  }
 Else{
    show("tst3",2000);
  }
}

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


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/9 10:41:00 [只看该作者]

必须用这种方式获取

 

var v1 = document.getElementById("up1_thumbnails").getElementsByTagName("li").length;


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


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

按楼上意思,问题还在,做了个例子,麻烦瞧瞧

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:images.rar



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


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/9 21:51:00 [只看该作者]

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);
  }
}


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


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

15楼的例子,按16楼将所有大写改为了小写,上传图片未成功,toptip不提示,感觉js没有被调用,麻烦看看

这是修改后的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);
  }
}

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


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/10 8:49:00 [只看该作者]

 你直接复制粘贴16楼的代码,即可。If你要改成if。

 

 还有就是,你要善用浏览器的调试工具,比如IE浏览器、FireFox、Chrome都是带有工具的,会告诉你哪里有问题的。

[此贴子已经被作者于2017/4/10 9:53:40编辑过]

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


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

15楼例子,js把Function中的F大写改成小写,If改成if,Else改成else,还是没有反应
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);
  }
}

chrome截图如下:

图片点击可在新窗口打开查看此主题相关图片如下:qq图片20170410092028888.png
图片点击可在新窗口打开查看


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


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/10 9:25:00 [只看该作者]

直接,复制粘贴16楼代码。
[此贴子已经被作者于2017/4/10 9:53:22编辑过]

 回到顶部
总数 32 上一页 1 2 3 4 下一页