First of all we have to create a product attribute with input type “File”. Here I’m creating it by installer. So, create a InstallData.php file in \/app\/code\/Vendor\/Module\/Setup directory and copy below code.<\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Setup;\n\nuse Magento\\Eav\\Setup\\EavSetupFactory;\nuse Magento\\Framework\\Setup\\InstallDataInterface;\nuse Magento\\Framework\\Setup\\ModuleContextInterface;\nuse Magento\\Framework\\Setup\\ModuleDataSetupInterface;\nuse Magento\\Eav\\Model\\Entity\\Attribute\\Set as AttributeSet;\nuse Magento\\Catalog\\Model\\ResourceModel\\Product as ResourceProduct;\n\nclass InstallData implements InstallDataInterface\n{\n protected $_attributeSet;\n protected $_eavSetupFactory;\n protected $_resourceProduct;\n \n public function __construct(\n AttributeSet $attributeSet,\n EavSetupFactory $eavSetupFactory,\n ResourceProduct $resourceProduct\n ) {\n $this->_attributeSet = $attributeSet;\n $this->_eavSetupFactory = $eavSetupFactory;\n $this->_resourceProduct = $resourceProduct;\n }\n\n public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context) {\n $eavSetup = $this->_eavSetupFactory->create(["setup"=>$setup]);\n $eavSetup->addAttribute(\n \\Magento\\Catalog\\Model\\Product::ENTITY,\n 'agreement_file',\n [\n 'type' => 'varchar',\n 'label' => 'Agreement File',\n 'input' => 'file',\n 'backend' => 'Vendor\\Module\\Model\\Product\\Attribute\\Backend\\File',\n 'frontend' => '',\n 'class' => '',\n 'source' => '',\n 'global' => \\Magento\\Eav\\Model\\Entity\\Attribute\\ScopedAttributeInterface::SCOPE_GLOBAL,\n 'visible' => true,\n 'required' => false,\n 'user_defined' => true,\n 'default' => '',\n 'searchable' => false,\n 'filterable' => false,\n 'comparable' => false,\n 'visible_on_front' => false,\n 'unique' => false,\n 'apply_to' => 'simple,configurable', \/\/ applicable for simple and configurable product \n 'used_in_product_listing' => false\n ]\n );\n\n \/\/ assign attribute to attribute set\n $entityType = $this->_resourceProduct->getEntityType();\n $attributeSetCollection = $this->_attributeSet->setEntityTypeFilter($entityType);\n foreach ($attributeSetCollection as $attributeSet) {\n $eavSetup->addAttributeToSet("catalog_product", $attributeSet->getAttributeSetName(), "General", "agreement_file");\n }\n }\n}<\/pre>\n\n\n\nStep 2:<\/strong><\/p>\n\n\n\nThen create backend model File.php(which we have defined in attribute options) in app\/code\/Vendor\/Module\/Model\/Product\/Attribute\/Backend directory and copy below code.<\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Model\\Product\\Attribute\\Backend;\n\nuse Magento\\Framework\\App\\Filesystem\\DirectoryList;\n\nclass File extends \\Magento\\Eav\\Model\\Entity\\Attribute\\Backend\\AbstractBackend\n{\n \/**\n * @var \\Magento\\Framework\\Filesystem\\Driver\\File\n *\/\n protected $_file;\n\n \/**\n * @var \\Psr\\Log\\LoggerInterface\n *\/\n protected $_logger;\n\n \/**\n * @var \\Magento\\Framework\\Filesystem\n *\/\n protected $_filesystem;\n\n \/**\n * @var \\Magento\\MediaStorage\\Model\\File\\UploaderFactory\n *\/\n protected $_fileUploaderFactory;\n \n\n \/**\n * Construct\n *\n * @param \\Psr\\Log\\LoggerInterface $logger\n * @param \\Magento\\Framework\\Filesystem $filesystem\n * @param \\Magento\\MediaStorage\\Model\\File\\UploaderFactory $fileUploaderFactory\n *\/\n public function __construct(\n \\Psr\\Log\\LoggerInterface $logger,\n \\Magento\\Framework\\Filesystem $filesystem,\n \\Magento\\Framework\\Filesystem\\Driver\\File $file,\n \\Magento\\MediaStorage\\Model\\File\\UploaderFactory $fileUploaderFactory\n ) {\n $this->_file = $file;\n $this->_filesystem = $filesystem;\n $this->_fileUploaderFactory = $fileUploaderFactory;\n $this->_logger = $logger;\n }\n\n public function afterSave($object)\n {\n $path = $this->_filesystem->getDirectoryRead(\n DirectoryList::MEDIA\n )->getAbsolutePath(\n 'catalog\/product\/file\/'\n );\n $delete = $object->getData($this->getAttribute()->getName() . '_delete');\n\n if ($delete) {\n $fileName = $object->getData($this->getAttribute()->getName());\n $object->setData($this->getAttribute()->getName(), '');\n $this->getAttribute()->getEntity()->saveAttribute($object, $this->getAttribute()->getName());\n if ($this->_file->isExists($path.$fileName)) {\n $this->_file->deleteFile($path.$fileName);\n }\n }\n\n if (empty($_FILES)) {\n return $this;\/\/ if no image is set then nothing to do\n }\n\n try {\n \/** @var $uploader \\Magento\\MediaStorage\\Model\\File\\Uploader *\/\n $uploader = $this->_fileUploaderFactory->create(['fileId' => 'product['.$this->getAttribute()->getName().']']);\n $uploader->setAllowedExtensions(['pdf']);\n $uploader->setAllowRenameFiles(true);\n $result = $uploader->save($path);\n $object->setData($this->getAttribute()->getName(), $result['file']);\n $this->getAttribute()->getEntity()->saveAttribute($object, $this->getAttribute()->getName());\n } catch (\\Exception $e) {\n if ($e->getCode() != \\Magento\\MediaStorage\\Model\\File\\Uploader::TMP_NAME_EMPTY) {\n $this->_logger->critical($e);\n }\n }\n \n return $this;\n }\n}<\/pre>\n\n\n\nStep 3:<\/strong><\/p>\n\n\n\nTo display saved file, we need to define template for the attribute. So, first define modifier class of the attribute in app\/code\/Vendor\/Module\/etc\/adminhtml\/di.xml as mentioned below<\/p>\n\n\n\n
<?xml version="1.0"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager\/etc\/config.xsd">\n <virtualType name="Magento\\Catalog\\Ui\\DataProvider\\Product\\Form\\Modifier\\Pool">\n <arguments>\n <argument name="modifiers" xsi:type="array">\n <item name="agreement_file" xsi:type="array">\n <item name="class" xsi:type="string">Vendor\\Module\\Ui\\DataProvider\\Product\\Form\\Modifier\\File<\/item>\n <item name="sortOrder" xsi:type="number">10<\/item>\n <\/item>\n <\/argument>\n <\/arguments>\n <\/virtualType>\n<\/config><\/pre>\n\n\n\nStep 4:<\/strong><\/p>\n\n\n\nCreate modifier class File.php in app\/code\/Vendor\/Module\/Ui\/DataProvider\/Product\/Form\/Modifier directory and copy below code<\/p>\n\n\n\n
<?php\nnamespace Vendor\\Module\\Ui\\DataProvider\\Product\\Form\\Modifier;\n\nuse Magento\\Framework\\Stdlib\\ArrayManager;\nuse Magento\\Catalog\\Ui\\DataProvider\\Product\\Form\\Modifier\\AbstractModifier;\n\nclass File extends AbstractModifier\n{\n \/**\n * @var Magento\\Framework\\Stdlib\\ArrayManager\n *\/\n protected $arrayManager;\n\n \/**\n * @param ArrayManager $arrayManager\n *\/\n public function __construct(\n ArrayManager $arrayManager\n ) {\n $this->arrayManager = $arrayManager;\n }\n\n public function modifyMeta(array $meta)\n {\n $fieldCode = 'agreement_file';\n $elementPath = $this->arrayManager->findPath($fieldCode, $meta, null, 'children');\n $containerPath = $this->arrayManager->findPath(static::CONTAINER_PREFIX . $fieldCode, $meta, null, 'children');\n\n if (!$elementPath) {\n return $meta;\n }\n\n $meta = $this->arrayManager->merge(\n $containerPath,\n $meta,\n [\n 'children' => [\n $fieldCode => [\n 'arguments' => [\n 'data' => [\n 'config' => [\n 'elementTmpl' => 'Vendor_Module\/elements\/file',\n ],\n ],\n ],\n ]\n ]\n ]\n );\n return $meta;\n }\n\n \/**\n * {@inheritdoc}\n *\/\n public function modifyData(array $data)\n {\n return $data;\n }\n}<\/pre>\n\n\n\nStep 5:<\/strong><\/p>\n\n\n\nAt last create template file file.html in \/app\/code\/Vendor\/Module\/view\/adminhtml\/web\/template\/elements directory and write below code<\/p>\n\n\n\n
<input class="admin__control-file" type="file" data-bind="\n hasFocus: focused,\n attr: {\n name: inputName,\n placeholder: placeholder,\n 'aria-describedby': noticeId,\n id: uid,\n disabled: disabled,\n form: formId\n }"\n\/>\n<!-- ko if: $parent.source.data.product[code] -->\n<span>\n <a attr="href: '\/pub\/media\/catalog\/product\/file\/'+$parent.source.data.product[code]" text="$parent.source.data.product[code]"><\/a>\n <label attr="for: uid+'_delete'">\n <input type="checkbox" attr="name: 'product['+code + '_delete]', id: uid+'_delete', form: formId">\n <span data-bind="i18n:'Delete'"><\/span>\n <\/label>\n<\/span>\n<!-- \/ko --><\/pre>\n\n\n\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/filetype.png\")
<\/figure>\n\n\n\nIn this way we can create file type product attribute in magento 2. Thanks.. \ud83d\ude42<\/p>\n\n\n\n
For complete module please find at https:\/\/github.com\/rani-webkul\/product-file-attribute<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"