为什么Jquery图像上传器不上传图像

此代码取自使用PHP的AJAX Image上传我已将代码复制到这些文件：index.html，style.css，script.js，ajax_php_file.php并下载NoImage.jpg。 然后我从我的PC中选择了图像，并且照片已在客户端更改为所选图像。 然后我点击上传，没有文件上传到调用php脚本的文件夹。 在Firefox 32 Firebug控制台中测试，未报告任何错误。 我也用Jquery 2.2.2尝试过这个，并告诉我e.preventDefault（）; 被诽谤。 因此，你能告诉我代码有什么问题吗？ 它也不会在Opera上传。 我看到有更多人在脚本的原始页面上询问此问题，但答案仍未得到回复。

我试过这段代码$("#uploadimage").submit(); 在reader.readAsDataURL(this.files[0]);之后添加reader.readAsDataURL(this.files[0]); 这也没有用。

然而这里的实例： http ： //kod.djpw.cz/vpvb

然而是来自控制台的代码。 如果我编辑这个function：

  function imageIsLoaded(e) { $("#file").css("color","green"); console.log($("#file")); $('#image_preview').css("display", "block"); console.log($('#image_preview')); $('#previewing').attr('src', e.target.result); console.log($('#previewing')); $('#previewing').attr('width', '250px'); $('#previewing').attr('height', '230px'); }; 

我看到了这个：

 Object { 0: , length: 1, context: HTMLDocument → index.html, selector: "#file" } script.js:45 Object { 0: 
, length: 1, context: HTMLDocument → index.html, selector: "#image_preview" } script.js:47 Object { 0: , length: 1, context: HTMLDocument → index.html, selector: "#previewing" } script.js:49 

Answer 1

我被解决了JS而没有意识到必须通过ajax_php_file.php在服务器端修复上传。 当我挖掘代码时，我会看到线条

 if (file_exists("upload/" . $_FILES["file"]["name"])) { echo $_FILES["file"]["name"] . " already exists. "; 

所以这意味着我需要在与php脚本位置相同的文件夹中创建“upload”文件夹。 这是一个简单的修复，但它不在原始代码描述中。