javascript-将文件上传到HTML表单并提交之间会发生什么?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-将文件上传到HTML表单并提交之间会发生什么?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4742字,纯文字阅读大概需要7分钟。
内容图文
将文件上传到HTML表单之后但提交之前,该怎么办?
我将简历上传到该网站https://studyhut.com/employment/,然后单击红色的X将其删除,但我想确保将其删除.
检查是“选择文件”按钮的元素,我看到它的HTML是
input id="gform_browse_button_5_6" value="Select files" class="button gform_button_select_files" aria-describedby="extensions_message" tabindex="9" style="position: relative; z-index: 1;" type="button">
根据我对JavaScript的了解,我应该看一下控制id gform_browse_button_5_6或类按钮gform_button_select_files(哪个?)的代码,但是在源代码中有成千上万的脚本.
>如何在Firefox中使用检查器查明id或class或2的位置.通常来说,在上传和提交表单之间,我的简历安全吗?我以前读过,提交文件后,文件存储在服务器上的一个临时文件夹中,然后可以由PHP处理,但是在我选择要上传的文件时发生了什么,它显示了文件名以及删除选项(可能使用AJAX更新了页面)?
更新:
我在https://studyhut.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.0.7中找到了一个处理gform_button_select_files类的地方,代码是
b(document).ready(function(){"undefined"!=typeof adminpage&&"toplevel_page_gf_edit_forms"===adminpage||"undefined"==typeof plupload?b(".gform_button_select_files").prop("disabled",!0):"undefined"!=typeof adminpage&&adminpage.indexOf("_page_gf_entries")>-1&&b(".gform_fileupload_multifile").each(function(){c(this)})}),a.setup=function(a){c(a)}}(window.gfMultiFileUploader=window.gfMultiFileUploader||{},jQuery);var __gf_keyup_timeout;jQuery(document).on("change keyup",".gfield_trigger_change input, .gfield_trigger_change select, .gfield_trigger_change textarea",function(a){gf_raw_input_change(a,this)}),!window.rgars,!window.rgar,String.prototype.format=function(){var a=arguments;return this.replace(/{(\d+)}/g,function(b,c){return"undefined"!=typeof a[c]?a[c]:b})};
这对任何人都意味着什么,还是意味着人类难以理解?
Update II好像c是在另一个函数中定义的
)}};!function(a,b){function c(c){function g(a,c){b("#"+a).prepend("<li>"+c+"</li>")}
重力形式js src
> https://studyhut.com/wp-content/plugins/gravityforms/js/jquery.json.js?ver=2.0.7
> / *![CDATA [/
var gform_gravityforms = {“字符串”:{“ invalid_file_extension”:“不允许使用此类型的文件.必须为以下之一:”,“ delete_file”:“删除此文件”,“ in_progress”:“进行中”, “ file_exceeds_limit”:“文件超过大小限制”,“ illegal_extension”:“不允许这种类型的文件.”,“ max_reached”:“已达到最大文件数”,“ unknown_error”:“在保存文件时出现问题服务器上的文件”,“ currently_uploading”:“请等待上传完成”,“ cancel”:“ Cancel”,“ cancel_upload”:“取消此上传”,“ cancelled”:“ Cancelled”},“ vars” :{ “images_url”: “https://studyhut.com/wp-content/plugins/gravityforms/images”}};
/]]> * /
> https://studyhut.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.0.7
> https://studyhut.com/wp-content/plugins/gravityforms/js/conditional_logic.min.js?ver=2.0.7
> https://studyhut.com/wp-includes/js/plupload/plupload.full.min.js?ver=2.1.8
> https://studyhut.com/wp-content/plugins/gravityforms/js/jquery.maskedinput.min.js?ver=2.0.7
最后
这是单击删除按钮的HTML
img class="gform_delete" src="https://studyhut.com/wp-content/plugins/gravityforms/images/delete.png" onclick="gformDeleteUploadedFile(5,6, this);" onkeypress="gformDeleteUploadedFile(5,6, this);" alt="Delete this file" title="Delete this file">
这是gformDeleteUploadedFile函数
function gformDeleteUploadedFile(a,b,c){var d=jQuery("#field_"+a+"_"+b),e=jQuery(c).parent().index();d.find(".ginput_preview").eq(e).remove(),d.find('input[type="file"]').removeClass("gform_hidden"),d.find(".ginput_post_image_file").show(),d.find('input[type="text"]').val("");var f=jQuery("#gform_uploaded_files_"+a).val();if(f){var g=jQuery.secureEvalJSON(f);if(g){var h="input_"+b,i=d.find("#gform_multifile_upload_"+a+"_"+b);if(i.length>0){g[h].splice(e,1);var j=i.data("settings"),k=j.gf_vars.max_files;jQuery("#"+j.gf_vars.message_id).html(""),g[h].length<k&&gfMultiFileUploader.toggleDisabled(j,!1)}else g[h]=null;jQuery("#gform_uploaded_files_"+a).val(jQuery.toJSON(g))}}}
解决方法:
据我所知,您的简历并不安全,它是通过ajax帖子上传到服务器的.单击上传时,可以从检查器的“网络”选项卡中看到此内容.一旦发送到服务器,您将无法执行任何操作来查看他们对该文件的处理方式.
不过,有一点是,这是一个基于WordPress构建的网站,使用重力形式进行上传,如果您有兴趣,您可以对其进行深入研究,以及它希望您在后端做什么(常规做法),但仍然不能保证他们在后端做什么
更新:
再看一遍之后,我认为服务器不会删除您已上传的文件.再次检查上传时的“网络”选项卡,您将看到通过POST向服务器发出ajax请求,现在单击“删除”时,不会对服务器做出任何请求,并且仅在您期望的前端进行更改DELETE请求通过,但没有通过.因此,服务器将保留您的上载,但是无法知道他们在做什么.如果一段时间后未链接到任何内容或只是永久保存,它们可能会删除它.
第一个ajax请求看起来将通过https://studyhut.com/wp-includes/js/plupload/plupload.full.min.js?ver=2.1.8插件启动
内容总结
以上是互联网集市为您收集整理的javascript-将文件上传到HTML表单并提交之间会发生什么?全部内容,希望文章能够帮你解决javascript-将文件上传到HTML表单并提交之间会发生什么?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。