AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

ajaxfileupload上传文件和报错syntaxerror: Unexpected end of input(…)

2022-12-08 240
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： ajaxfileupload上传文件和报错syntaxerror: Unexpected end of input(…)

jQuery插件AjaxFileUpload可以实现ajax文件上传，下载地址：http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.js

主要参数说明：

1，url表示处理文件上传操作的文件路径，可以测试URL是否能在浏览器中直接访问，如上：upload.php

2，fileElementId表示文件域ID，如上：fileToUpload

3，secureuri是否启用安全提交，默认为false

4，dataType数据数据，一般选json，javascript的原生态

5，success提交成功后处理函数

6，error提交失败处理函数

需要了解相关的错误提示

1，SyntaxError: missing ; before statement错误

如果出现这个错误就需要检查url路径是否可以访问

2，SyntaxError: syntax error错误

如果出现这个错误就需要检查处理提交操作的PHP文件是否存在语法错误

3，SyntaxError: invalid property id错误

如果出现这个错误就需要检查属性ID是否存在

4，SyntaxError: missing } in XML expression错误

如果出现这个错误就需要检查文件域名称是否一致或不存在

5，其它自定义错误

大家可使用变量$error直接打印的方法检查各参数是否正确，比起上面这些无效的错误提示还是方便很多。

示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>

<title>ajaxfileupload图片上传控件</title>

</head>

<script type="text/javascript"src="http://code.jquery.com/jquery-1.6.3.min.js"></script>

<script type="text/javascript"src="http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.js"></script>

<script language="javascript">

  jQuery(function(){   

      $("#buttonUpload").click(function(){     

         //加载图标   

         /* $("#loading").ajaxStart(function(){

            $(this).show();

         }).ajaxComplete(function(){

            $(this).hide();

         });*/

          //上传文件

        $.ajaxFileUpload({

            url:'upload.php',//处理图片脚本

            secureuri :false,

            fileElementId :'fileToUpload',//file控件id

            dataType : 'json',

            success : function(data, status){

                if(typeof(data.error) != 'undefined'){

                    if(data.error != ''){

                        alert(data.error);

                    }else{

                        alert(data.msg);

                    }

                }

            },

            error: function(data, status, e){

                alert(e);

            }

    })

    returnfalse;

      }) 

  })

 

</script>

 

 

<body>

<input id="fileToUpload"type="file"size="20"name="fileToUpload"class="input">

<button id="buttonUpload">上传</button>

<!--<img id="loading"src="loading.jpg"style="display:none;">-->

</body>

</html>

后台代码就不贴出来了,按照平常文件上传,取$_FILES数据就行

下面是一个碰到的重点问题!

请注意:ajaxfileupload的ajax,在浏览器可能显示不出来的(本人这边显示不出,其他不清楚)

所以,当出错时,你会一直以为出错在前端!!!

报错为  syntaxerror: Unexpected end of input(…)


image.png

如果发现这个错误!请去后台查找问题,该输出的输出,不能不输出内容,内容要为json数据!

文章标签：
JavaScript
PHP
前端开发
安全
数据格式
JSON
XML
仙士可
目录
相关文章
王同学睡醒了
TypeError：Joi.validate is not a function 解决办法
TypeError：Joi.validate is not a function 解决办法
王同学睡醒了
141 0
草帽lufei
|
7月前
|
JSON 缓存 前端开发
Unexpected end of JSON input while parsing near '....1","eslint-loader":"'
Unexpected end of JSON input while parsing near '....1","eslint-loader":"'
草帽lufei
70 0
王同学睡醒了
|
7月前
Excel上传出错：TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string or an instan
Excel上传出错：TypeError [ERR_INVALID_ARG_TYPE]: The “path“ argument must be of type string or an instan
王同学睡醒了
195 0
王同学睡醒了
Error：Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style
Error：Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style
王同学睡醒了
158 0
哥很冷漠
浏览器报错：Uncaught TypeError: Cannot read property ‘trim‘ of undefined
浏览器报错：Uncaught TypeError: Cannot read property ‘trim‘ of undefined
哥很冷漠
238 0
凯小默
|
Dart 前端开发 JavaScript
Syntax Error: TypeError: this.getOptions is not a function
Syntax Error: TypeError: this.getOptions is not a function
凯小默
537 0
Syntax Error: TypeError: this.getOptions is not a function
鲲志说
|
JSON 前端开发 JavaScript
SyntaxError: Unexpected number in JSON at position 7 at JSON.parse (＜anonymous＞)前端接收到数据，无法进入success
SyntaxError: Unexpected number in JSON at position 7 at JSON.parse (＜anonymous＞)前端接收到数据，无法进入success
鲲志说
201 0
SyntaxError: Unexpected number in JSON at position 7 at JSON.parse (＜anonymous＞)前端接收到数据，无法进入success
nanke_yh
|
JavaScript
js代码Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
js代码Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
nanke_yh
1534 0
js代码Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)问题解决
鲲志说
|
JSON 数据格式
报错：应用json.parseObject()方法时JSONException: syntax error, expect {, actual [, pos 0
报错：应用json.parseObject()方法时JSONException: syntax error, expect {, actual [, pos 0
鲲志说
1083 0
科技小能手
|
JavaScript
Uncaught SyntaxError: Unexpected end of input 错误
科技小能手
13363 1

热门文章

最新文章

  • 1
    天猫精灵开放平台-之小百科测评
  • 2
    语义检索系统：基于Milvus 搭建召回系统抽取向量进行检索，加速索引
  • 3
    3D立方体图片切换动画
  • 4
    模态对话框和非模态对话框
  • 5
    java03
  • 6
    冒泡排序
  • 7
    Windows XP客户端加域操作手册上
  • 8
    微信 6.5.1 for iOS发布 可以在朋友圈分享相册中的视频
  • 9
    Chapter 1: Creating the GUI Form and Adding Widgets
  • 10
    【Mockplus教程】帐号和购买
  • 1
    「Mac畅玩鸿蒙与硬件42」UI互动应用篇19 - 数字键盘应用
    34
  • 2
    赋能加速AI应用交付，F5 BIG-IP Next for Kubernetes方案解读
    29
  • 3
    RAG分块策略：主流方法（递归、jina-seg）+前沿推荐（Meta-chunking、Late chunking、SLM-SFT）
    25
  • 4
    Python学习的自我理解和想法（2）
    26
  • 5
    Transformer图解
    32
  • 6
    API安全专题：如何有效应对新型Bot攻击？
    17
  • 7
    Selenium IDE：Web自动化测试的得力助手
    31
  • 8
    《docker高级篇（大厂进阶）：5.Docker-compose容器编排》包括是什么能干嘛去哪下、Compose核心概念、Compose使用三个步骤、Compose常用命令、Compose编排微服务
    47
  • 9
    24/7全时守护：AI视频监控技术的深度实现与应用分享
    38
  • 10
    《docker高级篇（大厂进阶）：6.Docker轻量级可视化工具Portainer》
    25

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月