You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# As a JavaScript developer, I want to know how to upload files to blob storage within an application, so that I can adopt this functionality into my own solution.
11
+
#Customer intent: As a JavaScript developer, I want to know how to upload files to blob storage within an application, so that I can adopt this functionality into my own solution.
12
12
---
13
-
14
13
# JavaScript Tutorial: Upload and analyze a file with Azure Functions and Blob Storage
15
14
16
-
In this tutorial, you'll learn how to upload an image to Azure Blob Storage and process it using Azure Functions, Computer Vision, and Cosmos DB. You'll also learn how to implement Azure Function triggers and bindings as part of this process. Together, these services analyze an uploaded image that contains text, extract the text out of it, and then store the text in a database row for later analysis or other purposes.
15
+
In this tutorial, you learn how to upload an image to Azure Blob Storage and process it using Azure Functions, Computer Vision, and Cosmos DB. You'll also learn how to implement Azure Function triggers and bindings as part of this process. Together, these services analyze an uploaded image that contains text, extract the text out of it, and then store the text in a database row for later analysis or other purposes.
17
16
18
17
Azure Blob Storage is Microsoft's massively scalable object storage solution for the cloud. Blob Storage is designed for storing images and documents, streaming media files, managing backup and archive data, and much more. You can read more about Blob Storage on the [overview page](./storage-blobs-introduction.md).
19
18
@@ -45,6 +44,7 @@ In this tutorial, learn how to:
45
44
46
45
47
46
## Create the storage account and container
47
+
48
48
The first step is to create the storage account that will hold the uploaded blob data, which in this scenario will be images that contain text. A storage account offers several different services, but this tutorial utilizes Blob Storage only.
49
49
50
50
### [Visual Studio Code](#tab/storage-resource-visual-studio-code)
@@ -419,7 +419,7 @@ To run the project locally, enter the environment variables in the `./local.sett
419
419
420
420
Although the Azure Function code runs locally, it connects to the cloud-based services for Storage, rather than using any local emulators.
421
421
422
-
```
422
+
```json
423
423
{
424
424
"IsEncrypted":false,
425
425
"Values": {
@@ -555,14 +555,6 @@ Use the following table to help troubleshoot issues during this procedure.
555
555
|--|--|
556
556
|`await computerVisionClient.read(url);` errors with `Only absolute URLs are supported`|Make sure your `ComputerVisionEndPoint` endpoint is in the format of `https://YOUR-RESOURCE-NAME.cognitiveservices.azure.com/`.|
557
557
558
-
## Clean up resources
559
-
560
-
If you're not going to continue to use this application, you can delete the resources you created by removing the resource group.
561
-
562
-
1. Select **Resource groups** from the Azure explorer
563
-
1. Find and right-click the `msdocs-storage-function` resource group from the list.
564
-
1. Select **Delete**. The process to delete the resource group may take a few minutes to complete.
565
-
566
558
## Security considerations
567
559
568
560
This solution, as a beginner tutorial, doesn't demonstrate secure-by-default practices. This is intentional to allow you to be successful in deploying the solution. The next step after that successful deployment is to secure the resources. This solution uses three Azure services, each has its own security features and considerations for secure-by-default configuration:
@@ -575,6 +567,14 @@ This solution, as a beginner tutorial, doesn't demonstrate secure-by-default pra
If you're not going to continue to use this application, you can delete the resources you created by removing the resource group.
573
+
574
+
1. Select **Resource groups** from the Azure explorer
575
+
1. Find and right-click the `msdocs-storage-function` resource group from the list.
576
+
1. Select **Delete**. The process to delete the resource group may take a few minutes to complete.
577
+
578
578
## Related content
579
579
580
580
* [Create a function app that connects to Azure services using identities instead of secrets](/azure/azure-functions/functions-identity-based-connections-tutorial)
0 commit comments