可悲的是，我不能回答有关woocommerce的Angular .但你的问题是关于upload功能，我建议你valums / file-uploader .我用它在我所有的最后WP插件，无论是前端和后端.
该插件使用XMLHttpRequest（ AJAX ）在FF3.6+，Safari4+，Chrome中上传带有进度条的多个文件，并在其他浏览器（即IE）中福尔斯到基于隐藏iframe的上传，到处提供良好的用户体验。
这是一个有点困难，使它的工作，但一旦你完成了你会喜欢它。所以，如果你想给予它一个尝试，并需要帮助，请再次在这里的SO。并将其重定向到我，这样我就可以通知帮助你。

我在我的每一个产品中都使用了文件上传功能--重力表单允许这样做--尽管默认情况下文件大小有一个限制，大约是8 mb--尽管我被告知可以增加。
我使用的是woocommerce--它有一个gravity forms的扩展--这使得将这些表单添加到产品（或其他任何东西）变得非常容易。
唯一的缺点是没有上传栏或显示上传的文件...

表单方面，可以尝试使用这两个钩子：

1)添加_action（'woocommerce_after_cart_table'，'add_file_to_upcoming_order'）;
2)添加_action（'woocommerce_checkout_after_customer_details'，'添加_file_to_upcoming_order'）;

要接收/获取文件，您应该使用如下钩子：

add_action('woocommerce_init', 'file_during_checkout');
add_action( 'woocommerce_order_status_pending', 'wc_checkout_order_processed'); 
add_action( 'woocommerce_order_status_on-hold', 'wc_checkout_order_processed');
add_action( 'woocommerce_order_status_processing', 'wc_checkout_order_processed');
add_action( 'woocommerce_order_status_completed', 'wc_checkout_order_processed');

**重要提示：**add_action（'保存_post'，'pre_wc_checkout_order_processed'）;
**描述：**实际上，当你的钩子取决于订单状态时，你可以释放你的附件。假设你的订单没有完成，那么你也会释放PHP会话。最好使用“保存_post”钩子管理，并且必须在上传附件中添加一些标志。

你可以使用这个函数wp_handle_upload来处理你上传的文件。一旦文件上传，你就可以很容易地从WooCommerce对象“WC_Order”& $order-〉get_items（）中获取订单项目，这是之前添加的。我试图让它工作last year，很多人也使用过它，你可以通过使用这些钩子来开发一个改进的解决方案。