Wednesday 20 June 2018

Why type="file" does not Work with Safari Browser? in Contact Form 7


Note: Script Must be written in header

<script>
jQuery(function() {
var input_file = [];
jQuery('form.wpcf7-form').on('submit', function() {
console.log("-------------------------------");
var i = 0;
jQuery('input[type=file]').each(function() {
if (jQuery(this).val() === '') {
jQuery(this).attr('type', 'hidden');
input_file[i++] = jQuery(this).attr('name');
}
});
console.log("Type Change File To Hidden: "+input_file);
});

jQuery( document ).ajaxComplete(function() {
//AJAX RESPONSES
console.log("Array in File item: "+input_file.length);
if(input_file.length > 0){
jQuery.each(input_file, function(key, index){
console.log("Type Change Hidden To File: "+key +'=> '+index);
jQuery('input[name='+input_file[key]+']').attr('type', 'file');
});
input_file = [];
}
console.log("Response: " + jQuery(".wpcf7-response-output").html());
});
});
</script>

Please try this and give your review.

No comments:

Post a Comment