Tag: 图片上传
上传文件时出错
我一直收到ERROR: Please browse for a file before clicking the upload button. 选择要上传的图像文件时。 我试图在更改上上传文件，而不是点击提交以获得更友好的用户体验。 HTML <img src="https://stackoverflow.com/questions/15818668/error-when-uploading-file/”> Choose Photo jQuery的/ JavaScript的 function handleFiles(files) { for (var i = 0; i < files.length; i++) { var file = files[i]; var imageType = /image.*/; if (!file.type.match(imageType)) { continue; } var img = document.createElement("img"); img.classList.add("newphoto"); img.file = file; profilephoto.appendChild(img); […]
如何通过asp.net mvc中的ajax json一起发送数据和图像
以前，我只需要创建一个只包含要发送到操作而不是图像的数据的表单，现在，我遇到了将数据和图像一起发布到操作的要求。 我不知道如何将图像附加到数据中，以便我可以让它继续前进。 这就是我如何将数据和图像一起发布但我在行动中收到null ： HTML 我知道如何获取输入类型的文本数据并通过ajax请求和json格式发送它并将其保存到数据库，但是当它以json格式通过ajax请求获取数据和图像时，我得到了没有关于如何做到这一点的线索。 JS var empdata = { “SystemCode”: “”, “EmployeeCode”: “” }; empdata.EmployeeCode = $(“#EmployeeCode”).val(); empdata.SystemCode = $(“#SystemCode”).val(); var data = new FormData(); var files = $(“#profilePic”).get(0).files; data.append(“Image”, files[0]); 阿贾克斯 $.ajax({ url: ‘/EmployeeMasterA/Create’, headers: headers, data: JSON.stringify({ employeeMasterA: empdata, profilePic: data }), type: ‘POST’, dataType: ‘json’, contentType: ‘application/json’, traditional: true, success: […]
如何将image base64发送到服务器
我使用base64编码动态显示图像（通过选择图像）。 <img style="width: 412px;" src="https://stackoverflow.com/questions/13905681/how-to-send-image-base64-to-server/data:image/gif;base64,R0lGODlhwAAAAXAAACH5BAEAAPwALA 如何将图像发送到服务器？ 通过$ .ajax（）并没有回发。 提前致谢
图片上传器不使用JQuery / ajax
我正在尝试使用Ajax和jquery在服务器上上传文件，而perl是脚本语言。 这是选择文件的代码。 Start Upload 这是使用jquery调用上传脚本的代码。 $(‘#fileUpload’).click(function() { alert (‘reached here’); var file_data = $(“#avatar”).prop(“files”)[0]; // Getting the properties of file from file field var form_data = new FormData(); // Creating object of FormData class form_data.append(“file”, file_data) // Appending parameter named file with properties of file_field to form_data $.ajax({ url: “upload.pl”, dataType: ‘html’, cache: false, contentType: […]
为什么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 { […]
多个图像上传和预览
我正在学习如何上传多个图像并显示他们的预览…… 我遇到了以下代码 .input-file-row-1:after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .input-file-row-1{ display: inline-block; margin-top: 25px; position: relative; } https://stackoverflow.com/questions/20779983/multiple-image-upload-and-preview/#preview_image { display: none; width: 90px; height: 90px; margin: 2px 0px 0px 5px; border-radius: 10px; } .upload-file-container { position: relative; width: 100px; height: 137px; overflow: hidden; background: url(‘images/picplus.png’) top center […]
是否可以使用Bootstrap的modal dialog，jQuery，AJAX和PHP将图像上传到服务器？ 如果有，怎么样？ 如果没有什么原因呢？
我正在使用PHP，jQuery（jquery-1.9.1.min.js和jquery-ui-1.10.0.custom.min.js），AJAX，Bootstrap设计框架（Bootstrap v3.0.0）等。 我是网络编程领域的新手。 现在在一个地方，我想在点击按钮时显示Bootstrap框架的内置模式对话框 。 在此模式对话框中，将有一个用于上载图像文件的HTML文件控件。 用户将通过浏览文件从他/她的本地机器中选择任何图像文件。 然后执行以下所有必要的validation之后 适当的标准图像扩展 最大大小限制为5 MB 最小尺寸为940 px * 370 px 应使用PHP代码将文件上载到服务器。 如果任何validation失败，相关的错误消息应在文件上载HTML控件上方以红色显示。 是否可以实现此function？ 我听说使用AJAX上传文件是不可能的。 我真的不知道这是神话还是事实。 如果有人知道这件事，请详细向我解释。
使用jquery上传图像
我有一个工作的PHP代码来上传数据库中的图像。 可以将它转换为jquery吗？ 如果是这样，我需要做什么？ 我是jquery btw的新手。 谢谢 这段代码工作得很好。 但我需要在jquery中做到这一点。 <?php if(isset($_FILES['image'])) { $target_Path = "images/"; $target_Path = $target_Path.basename($_FILES['image']['name'] ); move_uploaded_file( $_FILES['image']['tmp_name'], $target_Path ); $name = $_FILES['image']['name']; } if(isset($_POST['Add'])) { if($_POST["Add"] == "Add") { $add = "Insert Into img(path) Values('$name')"; $up = mysql_query($add); $status = "Upload success!"; print '’; print ‘alert(” ‘.$status.’ “)’; print ”; } }
