{"id":124253,"date":"2024-06-18T16:09:08","date_gmt":"2024-06-18T20:09:08","guid":{"rendered":"https:\/\/massive.io\/?p=124253"},"modified":"2026-04-09T11:50:09","modified_gmt":"2026-04-09T15:50:09","slug":"add-file-uploading-to-your-app","status":"publish","type":"post","link":"https:\/\/massive.io\/de\/anleitungen\/datei-upload-zu-ihrer-anwendung-hinzufugen\/","title":{"rendered":"Wie Sie Ihrer App einen professionellen Dateiupload hinzuf\u00fcgen"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;7b1bf5ad-cc2a-4448-981c-4963d88bd6e8&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Adding a file upload form to an app is simple. Ensuring it can handle large volumes without breaking? Not so much.<\/p>\n<p>At MASV, we&#8217;ve developed a platform that offers professional-grade file uploading, transfer acceleration, security, and file management. And we made it easy to integrate it into your web and native apps. We give you a few ways to do it\u2014just pick the solution that best meets your requirements. For a quick, ready-to-use solution, use MASV Portals. For full flexibility, use our API. All our solutions give your end users an easy way to upload files while you get fast, secure, and reliable transfers.<\/p>\n<p>Keep reading to discover more about our platform and our file uploader solutions.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_font_size=&#8221;26px&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;|-54px|0px||false|false&#8221; custom_padding=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"\" data-block=\"true\" data-editor=\"520fd\" data-offset-key=\"ekesf-0-0\">\n<div class=\"public-DraftStyleDefault-block public-DraftStyleDefault-ltr\" data-offset-key=\"ekesf-0-0\">\n<p><strong>Table of Contents<\/strong><\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li><a href=\"#file-uploading-isnt-easy\">File Uploading is Easy, Until it Isn\u2019t<\/a><\/li>\n<li><a href=\"#easier-uploading-masv\">File Uploading is Easier with MASV<\/a><\/li>\n<li><a href=\"#portals\">MASV Portals: Take Advantage of a Turnkey Uploader<\/a><\/li>\n<li><a href=\"#desktop-app\">Desktop App: More Performance and Flexibility, Almost as Easy<\/a><\/li>\n<li><a href=\"#web-uploader\">MASV Web Uploader: Custom File Uploading<\/a><\/li>\n<li><a href=\"#masv-api\">MASV-API: Fine Grained Control For Your File Uploads<\/a><\/li>\n<li><a href=\"#pricing\">Simple Licensing and Pricing<\/a><\/li>\n<li><a href=\"#conclusion\">Conclusion: Easily Build a Fast, Reliable File Uploader With MASV<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;Let Your Users try MASV&#8221; button_url=&#8221;https:\/\/app.massive.io\/en\/signup&#8221; button_text=&#8221;Start for Free&#8221; module_class=&#8221;starttrial&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; header_level=&#8221;h5&#8243; header_font=&#8221;||||||||&#8221; header_font_size=&#8221;26px&#8221; header_line_height=&#8221;1.3em&#8221; body_line_height=&#8221;1.8em&#8221; background_color=&#8221;#202332&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#072231&#8243; background_color_gradient_end=&#8221;#031119&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;18px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#0472ef&#8221; button_bg_color_gradient_start=&#8221;#0472ef&#8221; button_bg_color_gradient_end=&#8221;#005dc6&#8243; button_bg_color_gradient_direction=&#8221;90deg&#8221; button_border_width=&#8221;0px&#8221; button_font=&#8221;Roboto|700|||||||&#8221; button_custom_padding=&#8221;10px|42px|10px|42px|true|true&#8221; custom_margin=&#8221;||20px||false|false&#8221; link_option_url=&#8221;https:\/\/app.massive.io\/en\/signup&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_color_top=&#8221;#3d72e7&#8243; border_color_left=&#8221;#3d72e7&#8243; box_shadow_style=&#8221;preset2&#8243; box_shadow_horizontal=&#8221;-13px&#8221; box_shadow_style_button=&#8221;preset1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_border_width__hover_enabled=&#8221;on|hover&#8221; button_custom_padding__hover_enabled=&#8221;on|hover&#8221; button_custom_padding__hover=&#8221;|2em|||false|false&#8221; button_border_width__hover=&#8221;0px&#8221; button_bg_color__hover=&#8221;#005dc6&#8243; button_bg_color__hover_enabled=&#8221;on|desktop&#8221;]<\/p>\n<p>\u00a0Discover how easy it is to upload files to the cloud<\/p>\n<p>[\/et_pb_cta][et_pb_code _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;7b1bf5ad-cc2a-4448-981c-4963d88bd6e8&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;file-uploading-isnt-easy&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>File Uploading is Easy, Until it Isn\u2019t<\/h2>\n<p>For a trivial use case, rolling your own file uploader for a web app can be as simple as a bit of web server configuration and an HTML form. It can take as little as 5 lines of HTML:<\/p>\n<pre><\/pre>\n<p>[\/et_pb_text][et_pb_text module_id=&#8221;file-uploading-isnt-easy&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<pre>&lt;form method=\"post\" enctype=\"multipart\/form-data\"&gt;\n  &lt;label for=\"file\"&gt;Please choose a file to upload&lt;\/label&gt;\n  &lt;input id=\"file\" name=\"file\" type=\"file\" \/&gt;\n  &lt;button&gt;Upload&lt;\/button&gt;\n&lt;\/form&gt;<\/pre>\n<p>[\/et_pb_text][et_pb_text module_id=&#8221;file-uploading-isnt-easy&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>But the complications pile up fast when you\u2019re working under more realistic requirements, such as:<\/p>\n<ul>\n<li><strong>Reliability:<\/strong> An uploader must handle errors like inaccessible local files and network problems. Don\u2019t forget error detection and recovery features when (not if) the transfer fails mid-way. Ideally, the file you receive should be validated against the file that was sent. Your server will need redundancy, too.<\/li>\n<li><strong>Security:<\/strong> If files are entering your app, you are now responsible for their security and the users uploading it. That means adding encryption (preferably in-flight <em>and<\/em> at-rest). Add code audits to your timeline and budget if you need to conform to standards like ISO 27001 or SOC2. You\u2019ll also need to keep a vigilant eye on security vulnerabilities. Nobody wants to wake up to discover that their users\u2019 files are suddenly exposed to security attacks.<\/li>\n<li><strong>Performance:<\/strong> Uploading gigabytes and terabytes takes time and browsers aren\u2019t designed for that. You might have a big network connection, but can your solution saturate it to upload as fast as possible? You\u2019ll also need to mitigate latency when your users are on the opposite side of the planet from your server.<\/li>\n<\/ul>\n<p>For a genuinely useful file uploader, those five lines of HTML will grow into architectural discussions, even more project dependencies, and meetings with the DevOps and Security teams. We know about these complications and have seen many developers hit this wall when their file transfer needs grow beyond a trivial use case.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;easier-uploading-masv&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>File Uploading is Easier with MASV<\/h2>\n<p>Handling requirements like this is why we make MASV; MASV handles these complications for you, allowing you to choose from user-friendly interfaces to fine-grained control for a custom implementation. We\u2019ve solved the hard problems to make it as easy as possible to add cloud file uploading to your app that\u2019s fast, reliable, and secure:<\/p>\n<ul>\n<li>MASV handles huge files, up to 15 TB each. Packages can be any size.<\/li>\n<li>We\u2019re <a href=\"https:\/\/massive.io\/alternatives\/aspera-alternative\/\">faster than the competition<\/a>. MASV supports big network connections and mitigates geographic latency.<\/li>\n<li>We\u2019re reliable. Transfers are validated and we support channel bonding.<\/li>\n<li>We make a strong <a href=\"https:\/\/massive.io\/product\/secure-file-transfer\/\">commitment to security<\/a>, including ISO 27001 and our <a href=\"https:\/\/massive.io\/newsroom\/masv-achieves-tpn-gold-shield\/\">Gold Shield assessment<\/a> for the <a href=\"http:\/\/ttpn.org\/\" target=\"_blank\" rel=\"noopener\">TPN<\/a> vendor list.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;portals&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>MASV Portals: Take Advantage of a Turnkey Uploader<\/h2>\n<p>Let\u2019s start with our easiest solution: If your workflow is straightforward, just use <a href=\"https:\/\/massive.io\/product\/masv-portals\/\">MASV Portals<\/a>.<\/p>\n<p>Portals are a no-code, easy way for contributors to send huge files to you or for you to request them. MASV Portals are designed for non-technical administrators to set up in a couple of minutes. Contributors only need a browser, there are no plugins to install, and they don\u2019t even need a MASV account to send you files.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/massive.io\/wp-content\/uploads\/2024\/06\/SectionC_Desktop_HQ.png&#8221; alt=&#8221;Screenshot of adding files to a MASV Portal&#8221; title_text=&#8221;Use a browser to upload files into a MASV Portal&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;80%&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;100%&#8221; max_width_last_edited=&#8221;on|tablet&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text module_id=&#8221;section-two&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>MASV Portals are fully brandable and support custom metadata forms, password protection, and access control. MASV integrates with a growing list of <a href=\"https:\/\/massive.io\/integrations\/\">third-party cloud providers<\/a>, from storage to SaaS platforms. Connecting Portals to cloud providers takes just a few clicks in the MASV Web App.<\/p>\n<p>Your implementation can be as simple as the following, with nothing to install and no coding:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/massive.io\/wp-content\/uploads\/2024\/06\/PortalWorkflowDirect.png&#8221; alt=&#8221;Diagram of uploading files to a cloud provider&#8221; title_text=&#8221;Portal Workflow, Direct&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text module_id=&#8221;section-two&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>If MASV doesn\u2019t support your SaaS platform (yet), or you&#8217;re working with an in-house solution, just add a cloud storage provider that both support:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/massive.io\/wp-content\/uploads\/2024\/06\/PortalWorkflow.png&#8221; alt=&#8221;Diagram of using intermediate cloud storage to upload files to a SaaS platform&#8221; title_text=&#8221;PortalWorkflow&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;desktop-app&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Desktop App: More Performance and Flexibility, Almost as Easy<\/h2>\n<p>Web browsers are ubiquitous but they have limits on performance and flexibility. If the user closes the browser tab or powers down their computer, they have to restart their upload. So we made <a href=\"https:\/\/massive.io\/product\/desktop-app\/\">MASV Desktop App<\/a> for more performance and flexibility.<\/p>\n<p>Desktop App is also a no-code, user-friendly front-end to MASV. It\u2019s a native app your users install on macOS, Windows, and Linux to take full advantage of a computer\u2019s performance and network connections. It adds these features to file uploading:<\/p>\n<ul>\n<li><strong>Automations<\/strong> via <a href=\"https:\/\/massive.io\/product\/automated-file-transfer\/\">Watch Folders<\/a> and automatic Portal downloads.<\/li>\n<li><strong>Channel bonding<\/strong> with <a href=\"https:\/\/massive.io\/product\/multiconnect\/\">Multiconnect<\/a> for faster transfers or more reliable transfers from remote connections.<\/li>\n<li><strong>10Gbps network and disk optimization<\/strong> for your <a href=\"https:\/\/massive.io\/product\/10gbps-file-transfer\/\">high-bandwidth network<\/a> and storage hardware.<\/li>\n<li><strong>Pause and resume<\/strong>, even after network outages or restarts.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;web-uploader&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>MASV Web Uploader: Custom File Uploading<\/h2>\n<p>If your workflow needs more control over web uploads, you can use the <a href=\"https:\/\/developer.massive.io\/js-uploader\/\">MASV Web Uploader<\/a>. It\u2019s what we use to implement MASV Portals. Web Uploader is a Javascript module that provides the building blocks to upload files to the cloud with a web browser. You can focus on your app\u2019s custom UI and UX while Web Uploader handles the complexities of file uploads.<\/p>\n<p>Like MASV Portals, Web Uploader doesn\u2019t require your contributors to install anything or get a MASV account.<\/p>\n<p>[\/et_pb_text][et_pb_text module_id=&#8221;physical&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_4_text_color=&#8221;#444444&#8243; background_color=&#8221;rgba(158,213,247,0.19)&#8221; custom_padding=&#8221;2%|3%|2%|3%|false|true&#8221; border_width_left=&#8221;5px&#8221; border_color_left=&#8221;#3d72e7&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>\ud83d\udca1 <strong>Read More<\/strong>: Find out more about Web Uploader in <a href=\"https:\/\/developer.massive.io\/js-uploader\/\">MASV Developer Documentation<\/a>.<\/p>\n<p>[\/et_pb_text][et_pb_text module_id=&#8221;section-two&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>We recently updated Web Uploader from version 1.1 to 2.2. It comes with new features and significantly better performance. <\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_3_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Pause &amp; resume file uploads<\/h3>\n<p>While the user stays in the same browser tab, your web app can now pause and resume uploads. <span data-token-index=\"1\" class=\"discussion-id-55224619-8ecf-407e-a576-e670687839c2 notion-enable-hover\">This is something the previous generation of our file uploader didn\u2019t support.<\/span><!-- notionvc: 11d43e98-8ae8-4f8a-81b8-ce23760f34a8 --><\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_3_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Better performance<\/h3>\n<p>The MASV Web Uploader is as fast as it gets for uploading huge files using a web browser. And with our latest update from 2.0.4 to 2.2.0, we\u2019ve improved performance for packages containing many small files, like image sequences.<\/p>\n<p>We tested Web Uploader\u2019s performance for a package containing 10,000 files of one byte each. The green line represents version 2.2.0:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/massive.io\/wp-content\/uploads\/2024\/06\/Graph-5.png&#8221; alt=&#8221;Graph comparing throughput in versions 2.2 and 2.0. &#8221; title_text=&#8221;Throughput: Uploading 10,000 1-Byte Files &#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_3_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Notice how Web Uploader 2.2 is practically twice as fast, uploading in about six minutes instead of 12. It even does this while using slightly less browser memory.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_3_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>Granular event tracking<\/h3>\n<p>Developers asked for more control, so we transitioned Web Uploader from a promise-driven model to an event-driven one. There are <a href=\"https:\/\/developer.massive.io\/js-uploader\/#events\">about a dozen events<\/a> for your app to help manage file uploads. Use these events to further customize your uploader:<\/p>\n<ul>\n<li>Get upload speed and volume.<\/li>\n<li>React to transfer errors.<\/li>\n<li>Get the status of the package and individual files.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;masv-api&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>MASV API: Fine Grained Control For Your File Uploads<\/h2>\n<p>MASV Portals, Web Uploader, and Desktop App abstract the complexities of fast, reliable, secure file uploads. But if your app needs fine-grained control over file uploads you can use the lower-level <a href=\"https:\/\/developer.massive.io\/masv-api\/\">MASV API<\/a>. It\u2019s the same API used by the MASV Web App, Portals, Web Uploader, and Desktop App to access the MASV platform.<\/p>\n<p>The MASV API also lets you manage everything else about MASV file transfers, including uploads, downloads, links, metadata, and access control.<\/p>\n<p><!-- notionvc: b8508372-56fd-4de9-a446-b6811caf8206 --><\/p>\n<p>[\/et_pb_text][et_pb_text module_id=&#8221;physical&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_4_text_color=&#8221;#444444&#8243; background_color=&#8221;rgba(158,213,247,0.19)&#8221; custom_padding=&#8221;2%|3%|2%|3%|false|true&#8221; border_width_left=&#8221;5px&#8221; border_color_left=&#8221;#3d72e7&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>\ud83d\udca1 <strong>Read More<\/strong>: Read about the <a href=\"https:\/\/developer.massive.io\/\">MASV API and other developer resources<\/a>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;pricing&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Simple Licensing and Pricing<\/h2>\n<p>MASV licensing is straightforward. There are no limitations on the number of installations for MASV Portals, Web Uploader, Desktop App, or the MASV API. Just <a href=\"https:\/\/app.massive.io\/en\/signup\">sign up<\/a> and use MASV in your project.<\/p>\n<p>Our <a href=\"https:\/\/massive.io\/pricing\/\">pricing is straightforward<\/a>, too. There are no surprises and no need to wait for the purchasing team to renew contracts or add more seats. We don\u2019t throttle uploads or downloads either\u2014in fact, we work hard to make them <a href=\"https:\/\/massive.io\/whitepapers\/masv-file-transfer-acceleration\/\">as fast as possible<\/a>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f5f5f5&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;2%|20%|2%|20%|false|true&#8221; custom_padding_tablet=&#8221;4%|0%|4%|0%|true|true&#8221; custom_padding_phone=&#8221;6%|0%|6%|0%|true|true&#8221; border_color_top=&#8221;#e1e1e1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;7b1bf5ad-cc2a-4448-981c-4963d88bd6e8&#8243; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||||false|true&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;conclusion&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;2514b1ee-af07-4bc3-a96b-c9aaa32f4a18&#8243; text_text_color=&#8221;#000000&#8243; text_line_height=&#8221;1.8em&#8221; header_2_text_color=&#8221;#000000&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Conclusion: Easily Build a Fast, Reliable File Uploader With MASV<\/h2>\n<p>Adding file uploading to your app is easy. Adding file uploading for huge files, or lots of files, that\u2019s also fast, reliable, and secure is hard. MASV solves the hard technical problems while giving you a range of different ways you can integrate it into your app:<\/p>\n<ul>\n<li>MASV Portals: Turnkey web uploading, easy enough for non-technical users to set up and use in minutes.<\/li>\n<li>MASV Desktop App: Also turnkey but more flexible and even faster.<\/li>\n<li>MASV Web Uploader: Fine-grained control for your custom web uploader so you can concentrate on the UI and UX.<\/li>\n<li>MASV API: Low-level access to inspect and manage file uploads and everything else about MASV file transfers.<\/li>\n<\/ul>\n<p>When your simple file uploader suddenly gets complicated, make it easy again with MASV so you can focus on giving your users a better experience.<\/p>\n<p><a href=\"https:\/\/app.massive.io\/en\/signup\">Sign up for MASV<\/a> today and get free monthly credits to try it out for yourself.<\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;Simplify File Uploads to the Cloud&#8221; button_url=&#8221;https:\/\/app.massive.io\/en\/signup&#8221; button_text=&#8221;Start for Free&#8221; module_class=&#8221;starttrial&#8221; _builder_version=&#8221;4.14.7&#8243; _module_preset=&#8221;default&#8221; header_level=&#8221;h5&#8243; header_font=&#8221;||||||||&#8221; header_font_size=&#8221;26px&#8221; header_line_height=&#8221;1.3em&#8221; body_line_height=&#8221;1.8em&#8221; background_color=&#8221;#202332&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#072231&#8243; background_color_gradient_end=&#8221;#031119&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;18px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#0472ef&#8221; button_bg_color_gradient_start=&#8221;#0472ef&#8221; button_bg_color_gradient_end=&#8221;#005dc6&#8243; button_bg_color_gradient_direction=&#8221;90deg&#8221; button_border_width=&#8221;0px&#8221; button_font=&#8221;Roboto|700|||||||&#8221; button_custom_padding=&#8221;10px|42px|10px|42px|true|true&#8221; custom_margin=&#8221;||20px||false|false&#8221; link_option_url=&#8221;https:\/\/app.massive.io\/en\/signup&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_color_top=&#8221;#3d72e7&#8243; border_color_left=&#8221;#3d72e7&#8243; box_shadow_style=&#8221;preset2&#8243; box_shadow_horizontal=&#8221;-13px&#8221; box_shadow_style_button=&#8221;preset1&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_border_width__hover_enabled=&#8221;on|hover&#8221; button_custom_padding__hover_enabled=&#8221;on|hover&#8221; button_custom_padding__hover=&#8221;|2em|||false|false&#8221; button_border_width__hover=&#8221;0px&#8221; button_bg_color__hover=&#8221;#005dc6&#8243; button_bg_color__hover_enabled=&#8221;on|desktop&#8221;]<\/p>\n<p>Give your users fast, reliable, secure file uploads<\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, wie MASV Sie dabei unterst\u00fctzen kann, Ihrer Anwendung einen professionellen Datei-Upload hinzuzuf\u00fcgen, der gro\u00dfe Datenmengen schnell und zuverl\u00e4ssig verarbeiten kann.<\/p>","protected":false},"author":31,"featured_media":124366,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[307],"tags":[],"class_list":["post-124253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/posts\/124253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/comments?post=124253"}],"version-history":[{"count":0,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/posts\/124253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/media\/124366"}],"wp:attachment":[{"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/media?parent=124253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/categories?post=124253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/massive.io\/de\/wp-json\/wp\/v2\/tags?post=124253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}