有没有办法在没有插件的情况下在结帐完成之前上传图片?
Posted
技术标签:
【中文标题】有没有办法在没有插件的情况下在结帐完成之前上传图片?【英文标题】:Is there a way to upload an image before checkout completion without a plugin? 【发布时间】:2016-08-29 17:42:46 【问题描述】:我有这个插件,用于在完成订单之前上传图片,但在我的一生中,我无法上传图片。 $_FILES 将始终不返回任何内容,但我不确定为什么。我希望在图片上传之前不会完成结帐,这甚至可能吗? *有人告诉我 woocommerce 使用 ajax 作为购物车
<?php
/*
@package UploadTest
@wordpress_plugin
Plugin Name: UploadTest
Plugin URI: null
Description:
Author: Goodship
Version: 0.0.2
Author URI: www.Goodship.co.za
*/
function add_image()
$testLog = fopen(plugin_dir_path( __FILE__ )."testicle.txt","w") or exit ("Unable to open file!");
//if they DID upload a file...
if($_FILES['testUpload']['name'])
//if no errors...
if(!$_FILES['testUpload']['error'])
//now is the time to modify the future file name and validate the file
$new_file_name = strtolower($_FILES['testUpload']['tmp_name']); //rename file
if($_FILES['testUpload']['size'] > (1024000)) //can't be larger than 1 MB
$valid_file = false;
$message = 'Oops! Your file\'s size is to large.';
//if the file has passed the test
if($valid_file)
//move it to where we want it to be
move_uploaded_file($_FILES['testUpload']['tmp_name'], plugin_dir_path( __FILE__ ).'uploads/'.$new_file_name);
$message = 'Congratulations! Your file was accepted.';
//if there is an error...
else
//set that to be the returned message
$message = 'Ooops! Your upload triggered the following error: '.$_FILES['testUpload']['error'];
fwrite ($testLog ,$message);
fwrite ($testLog ,var_dump($_FILES));
fclose ($testLog);
add_action( 'woocommerce_checkout_update_order_meta', 'add_image');
function add_checkout_notice()
echo '<input type="file" name="testUpload" />';
add_action( 'woocommerce_checkout_before_customer_details', 'add_checkout_notice');
?>
【问题讨论】:
您是否通过 ajax 提交结帐表单?? 结帐完成只需使用JS检查图像的输入字段是否为空。如果它是空的,请在完成结帐按钮上放置一个disabled
,这样您就无法完成结帐。然后,一旦您上传了图像(我假设这里必须以某种方式涉及 JS),只需从结帐按钮中删除disabled
。至于为什么不上传,不知道...
@Maha Dev 结帐正常提交,无论 woocommerce 使用什么流程
@dingo_d 输入字段绝对不是空的,但是 $_FILES 是出于某种原因
您可能会更新问题以包括 woo-commerce 使用 ajax 来处理购物车。否则你不会得到正确的答案
【参考方案1】:
Woocommerce 结帐将始终通过 Ajax 进行(我不确定它是从哪个版本开始的)
PLUGIN-DIR/woocommerce/assets/frontend/checkout.js
这是负责结帐操作的文件。
因此,除非您打算自己修改 checkout.js
文件,否则无法从结帐页面上传文件。
如果您仍然喜欢从结帐页面上传文件,您可以参考此answer。
【讨论】:
【参考方案2】:您需要在您的子主题中调用以下函数。
function add_image($order_id)
// Do your code of upload image.
add_action( 'woocommerce_checkout_order_processed', 'add_image', 1, 1 );
【讨论】:
可惜没有效果,测试文件什么也没有记录【参考方案3】:您看过高级自定义字段吗? https://www.advancedcustomfields.com/
您可以轻松实现您想要做的事情。
看看这个https://www.advancedcustomfields.com/resources/acfupload_prefilter/
【讨论】:
我需要在没有插件的情况下这样做,上传的项目数量在后期编辑时将无法确定,并且会有所不同。以上是关于有没有办法在没有插件的情况下在结帐完成之前上传图片?的主要内容,如果未能解决你的问题,请参考以下文章
有没有办法在不使用 AVFoundation 框架的情况下在 iOS 中录制音频?
有没有办法在不刷新页面的情况下在电子商务网站中创建“添加到购物车”?
在没有 API 的情况下在 Windows 上将图像上传到 Instagram