Php 将图像文件上载字段添加到单个产品
我已经创建了一个自定义插件,它在woocommerce单一产品页面中动态显示自定义字段。 显示字段,将其添加到购物车中,并添加到订单数据和电子邮件中。 然而,我尝试了几天来添加一个文件上传字段没有运气。 该字段显示在前端,如下所示:Php 将图像文件上载字段添加到单个产品,php,wordpress,file-upload,woocommerce,product,Php,Wordpress,File Upload,Woocommerce,Product,我已经创建了一个自定义插件,它在woocommerce单一产品页面中动态显示自定义字段。 显示字段,将其添加到购物车中,并添加到订单数据和电子邮件中。 然而,我尝试了几天来添加一个文件上传字段没有运气。 该字段显示在前端,如下所示: add_action( 'woocommerce_before_add_to_cart_button', 'display_custom_fields' ); function display_custom_fields() { ?> <p cl
add_action( 'woocommerce_before_add_to_cart_button', 'display_custom_fields' );
function display_custom_fields() {
?>
<p class="form-row validate-required" id="image" >
<span class="woocommerce-input-wrapper">
<label for="image" class=""><?php echo $stamp_welcome_text; ?> </label>
<input type="file" name="image" accept="image/*" >
</span>
</p>
<?php
}
当然,这只是代码的一部分,其余的字段工作得很好。是的,如果有人想知道的话,我只试过代码本身
我已经“玩”了好几天了,不知道出了什么问题。
非常感谢您的帮助:)您可以使用插件(如产品插件)来完成此操作 这里有一个指向文档的链接,专门解释了如何允许文件上载(每次上载可以免费或收费)
希望这有帮助 您可以尝试以下操作,将上载的图像数据存储为自定义购物车项目数据,并将其保存为自定义订单项目元数据:
// Display additional product fields (+ jQuery code)
add_action( 'woocommerce_before_add_to_cart_button', 'display_additional_product_fields', 9 );
function display_additional_product_fields(){
?>
<p class="form-row validate-required" id="image" >
<label for="file_field"><?php echo __("Upload Image") . ': '; ?>
<input type='file' name='image' accept='image/*'>
</label>
</p>
<?php
}
// Add custom fields data as the cart item custom data
add_filter( 'woocommerce_add_cart_item_data', 'add_custom_fields_data_as_custom_cart_item_data', 10, 2 );
function add_custom_fields_data_as_custom_cart_item_data( $cart_item, $product_id ){
if( isset($_FILES['image']) && ! empty($_FILES['image']) ) {
$upload = wp_upload_bits( $_FILES['image']['name'], null, file_get_contents( $_FILES['image']['tmp_name'] ) );
$filetype = wp_check_filetype( basename( $upload['file'] ), null );
$upload_dir = wp_upload_dir();
$upl_base_url = is_ssl() ? str_replace('http://', 'https://', $upload_dir['baseurl']) : $upload_dir['baseurl'];
$base_name = basename( $upload['file'] );
$cart_item['file_upload'] = array(
'guid' => $upl_base_url .'/'. _wp_relative_upload_path( $upload['file'] ), // Url
'file_type' => $filetype['type'], // File type
'file_name' => $base_name, // File name
'title' => ucfirst( preg_replace('/\.[^.]+$/', '', $base_name ) ), // Title
);
$cart_item['unique_key'] = md5( microtime().rand() ); // Avoid merging items
}
return $cart_item;
}
// Display custom cart item data in cart (optional)
add_filter( 'woocommerce_get_item_data', 'display_custom_item_data', 10, 2 );
function display_custom_item_data( $cart_item_data, $cart_item ) {
if ( isset( $cart_item['file_upload']['title'] ) ){
$cart_item_data[] = array(
'name' => __( 'Image uploaded', 'woocommerce' ),
'value' => str_pad($cart_item['file_upload']['title'], 16, 'X', STR_PAD_LEFT) . '…',
);
}
return $cart_item_data;
}
// Save Image data as order item meta data
add_action( 'woocommerce_checkout_create_order_line_item', 'custom_field_update_order_item_meta', 20, 4 );
function custom_field_update_order_item_meta( $item, $cart_item_key, $values, $order ) {
if ( isset( $values['file_upload'] ) ){
$item->update_meta_data( '_img_file', $values['file_upload'] );
}
}
// Admin orders: Display a linked button + the link of the image file
add_action( 'woocommerce_after_order_itemmeta', 'backend_image_link_after_order_itemmeta', 10, 3 );
function backend_image_link_after_order_itemmeta( $item_id, $item, $product ) {
// Only in backend for order line items (avoiding errors)
if( is_admin() && $item->is_type('line_item') && $file_data = $item->get_meta( '_img_file' ) ){
echo '<p><a href="'.$file_data['guid'].'" target="_blank" class="button">'.__("Open Image") . '</a></p>'; // Optional
echo '<p><code>'.$file_data['guid'].'</code></p>'; // Optional
}
}
// Admin new order email: Display a linked button + the link of the image file
add_action( 'woocommerce_email_after_order_table', 'wc_email_new_order_custom_meta_data', 10, 4);
function wc_email_new_order_custom_meta_data( $order, $sent_to_admin, $plain_text, $email ){
// On "new order" email notifications
if ( 'new_order' === $email->id ) {
foreach ($order->get_items() as $item ) {
if ( $file_data = $item->get_meta( '_img_file' ) ) {
echo '<p>
<a href="'.$file_data['guid'].'" target="_blank" class="button">'.__("Download Image") . '</a><br>
<pre><code style="font-size:12px; background-color:#eee; padding:5px;">'.$file_data['guid'].'</code></pre>
</p><br>';
}
}
}
}
'; } } } } 此代码位于活动子主题(或活动主题)的functions.php文件中
在Woocommerce版本4.3.x中测试,并使用所有类型的默认Woocommerce产品。我设法发现与我的模板(woodmart)存在冲突 该代码在twentytwenty和storefront上运行良好
我应该早一点想到这一点,一个星期内都不要当头棒喝。谢谢你的回答。不幸的是,插件对我没有帮助,因为它是高度定制的工作。有许多自定义字段根据各种场景动态显示。除了文件附件之外,一切都正常。在
标签上是否有enctype=“multipart/form data”
?还有,中间可能有一个防火墙阻挡了东西吗?“Chris Haas,我刚刚验证了标签是存在的。我还安装了wordfence,我刚刚禁用了它以查看是否有变化,但我得到了相同的结果。您的代码也可以在默认wordpress模板上运行(不再在woodmart中运行)。感谢您的努力。没有人能猜到您正在神奇地使用woodmart模板,所以这个工作答案应该是公认的,完全正确。谢谢你花时间帮助我。仅供参考:woodmart使用ajax添加到购物车,不支持添加图像。我将尝试调整代码。如果有多个图像怎么办?
// Display additional product fields (+ jQuery code)
add_action( 'woocommerce_before_add_to_cart_button', 'display_additional_product_fields', 9 );
function display_additional_product_fields(){
?>
<p class="form-row validate-required" id="image" >
<label for="file_field"><?php echo __("Upload Image") . ': '; ?>
<input type='file' name='image' accept='image/*'>
</label>
</p>
<?php
}
// Add custom fields data as the cart item custom data
add_filter( 'woocommerce_add_cart_item_data', 'add_custom_fields_data_as_custom_cart_item_data', 10, 2 );
function add_custom_fields_data_as_custom_cart_item_data( $cart_item, $product_id ){
if( isset($_FILES['image']) && ! empty($_FILES['image']) ) {
$upload = wp_upload_bits( $_FILES['image']['name'], null, file_get_contents( $_FILES['image']['tmp_name'] ) );
$filetype = wp_check_filetype( basename( $upload['file'] ), null );
$upload_dir = wp_upload_dir();
$upl_base_url = is_ssl() ? str_replace('http://', 'https://', $upload_dir['baseurl']) : $upload_dir['baseurl'];
$base_name = basename( $upload['file'] );
$cart_item['file_upload'] = array(
'guid' => $upl_base_url .'/'. _wp_relative_upload_path( $upload['file'] ), // Url
'file_type' => $filetype['type'], // File type
'file_name' => $base_name, // File name
'title' => ucfirst( preg_replace('/\.[^.]+$/', '', $base_name ) ), // Title
);
$cart_item['unique_key'] = md5( microtime().rand() ); // Avoid merging items
}
return $cart_item;
}
// Display custom cart item data in cart (optional)
add_filter( 'woocommerce_get_item_data', 'display_custom_item_data', 10, 2 );
function display_custom_item_data( $cart_item_data, $cart_item ) {
if ( isset( $cart_item['file_upload']['title'] ) ){
$cart_item_data[] = array(
'name' => __( 'Image uploaded', 'woocommerce' ),
'value' => str_pad($cart_item['file_upload']['title'], 16, 'X', STR_PAD_LEFT) . '…',
);
}
return $cart_item_data;
}
// Save Image data as order item meta data
add_action( 'woocommerce_checkout_create_order_line_item', 'custom_field_update_order_item_meta', 20, 4 );
function custom_field_update_order_item_meta( $item, $cart_item_key, $values, $order ) {
if ( isset( $values['file_upload'] ) ){
$item->update_meta_data( '_img_file', $values['file_upload'] );
}
}
// Admin orders: Display a linked button + the link of the image file
add_action( 'woocommerce_after_order_itemmeta', 'backend_image_link_after_order_itemmeta', 10, 3 );
function backend_image_link_after_order_itemmeta( $item_id, $item, $product ) {
// Only in backend for order line items (avoiding errors)
if( is_admin() && $item->is_type('line_item') && $file_data = $item->get_meta( '_img_file' ) ){
echo '<p><a href="'.$file_data['guid'].'" target="_blank" class="button">'.__("Open Image") . '</a></p>'; // Optional
echo '<p><code>'.$file_data['guid'].'</code></p>'; // Optional
}
}
// Admin new order email: Display a linked button + the link of the image file
add_action( 'woocommerce_email_after_order_table', 'wc_email_new_order_custom_meta_data', 10, 4);
function wc_email_new_order_custom_meta_data( $order, $sent_to_admin, $plain_text, $email ){
// On "new order" email notifications
if ( 'new_order' === $email->id ) {
foreach ($order->get_items() as $item ) {
if ( $file_data = $item->get_meta( '_img_file' ) ) {
echo '<p>
<a href="'.$file_data['guid'].'" target="_blank" class="button">'.__("Download Image") . '</a><br>
<pre><code style="font-size:12px; background-color:#eee; padding:5px;">'.$file_data['guid'].'</code></pre>
</p><br>';
}
}
}
}